Angular 7生产环境初始化前访问变量错误的排查求助

1. 精准定位问题组件 #

从关闭代码压缩（optimization.minimize=false）后的错误信息，已经明确是PlanElementChngRapportsUpdateComponent的初始化问题，直接聚焦该组件及其关联的模块、依赖：

• 检查组件的@Component装饰器：是否在providers、entryComponents等配置项中，提前引用了未完成初始化的组件类？
• 查看组件所属NgModule的declarations、exports数组：有没有把该组件放在依赖它的元素之后？

2. 排查循环依赖 #

这类生产环境初始化错误几乎都是循环依赖导致的：

• 手动梳理依赖链：查看PlanElementChngRapportsUpdateComponent的导入列表，以及哪些模块/组件导入了它，寻找互相引用的情况（比如A模块导入B模块，B模块又导入A模块）。
• 借助工具分析：执行ng build --prod --stats-json生成依赖统计文件，用webpack-bundle-analyzer加载该文件，可视化查找循环依赖节点。

3. 调整导入与声明顺序 #

• 在组件所属NgModule中，确保declarations数组里，被依赖的组件/指令排在依赖它的元素之前；跨模块场景下，被依赖的模块要先加入imports数组。
• 避免在组件的providers中直接声明组件类，改用模块级providers或注入令牌（InjectionToken）来传递依赖。

4. 修复ES6变量提升问题 #

• 检查组件代码：是否存在用let/const声明的变量，在初始化完成前就被引用（比如在@Component装饰器中使用了未声明的本地变量）。
• 调整代码顺序：将组件类的定义放在所有引用它的代码之前，确保装饰器中用到的所有依赖都已提前声明。

5. 隔离验证与临时规避 #

• 尝试将PlanElementChngRapportsUpdateComponent单独提取到独立模块，再导入到需要的业务模块中，隔离原有依赖链，验证错误是否消失。
• 逐步开启优化项：先执行ng build --prod --optimization=true --minimize=false，确认是否报错；再开启minimize，定位是代码压缩还是其他优化步骤触发的问题。

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