Angular Material mat-autocomplete组件生产模式部署后功能失效问题

• 访问修饰符检查：ng serve采用JIT编译，允许模板访问组件私有成员；ng build --prod默认开启AOT编译，要求所有模板调用的属性、方法必须声明为public。如果过滤函数、选项数组、事件回调被定义为private，生产环境会直接失效且无控制台报错。
• 变更检测适配：若组件配置了ChangeDetectionStrategy.OnPush，需在输入事件、过滤逻辑执行后调用ChangeDetectorRef.markForCheck()触发视图更新。AOT编译下变更检测触发规则比JIT更严格，本地未暴露的问题会在生产环境显现。
• 版本兼容性校验：Angular核心库与Angular Material的大版本号必须完全匹配，版本不一致会导致AOT编译后组件逻辑异常，但JIT环境可正常运行。可执行ng update @angular/core @angular/cli @angular/material同步版本后重新打包测试。
• 绑定拼写排查：JIT对绑定名称的大小写、拼写容错性更高，若模板绑定的属性名和TS中定义的存在大小写差异、拼写笔误，AOT编译后会绑定失败但无报错。
• 优化项排查：执行ng build --prod --optimization=false打包部署测试，如果功能恢复，说明是摇树优化错误移除了mat-autocomplete相关依赖，可升级Angular CLI到最新稳定版修复优化bug，或在angular.json中配置保留相关依赖。

内容的提问来源于stack exchange，提问作者ironhaseo