Angular升级至14后懒加载模块出现NullInjectorError问题求助

• 获取真实依赖名称
  错误中的ze是代码混淆后的占位符，先确保开发环境未开启名称混淆：

  1. 检查angular.json里build配置的optimization是否为false（开发环境默认值，若手动修改过请改回）
  2. 执行ng serve --configuration development强制使用开发配置，此时错误信息会显示真实的服务/类名称，而非ze

• 排查懒加载模块的注入配置
  拿到真实依赖名称后，按以下方向检查：

  • 确认该服务是否在懒加载模块的providers数组中声明，或是否通过providedIn: 'root'完成全局注册（Angular版本升级后，部分旧服务的providedIn配置可能需要调整）
  • 检查懒加载模块是否导入了依赖的必要模块，比如服务依赖HttpClient时，是否在模块imports中添加了HttpClientModule；自定义模块依赖则需确认已导入对应模块

• 用Angular DevTools定位注入链
  安装浏览器的Angular DevTools扩展，触发懒加载报错后：

  1. 切换到DevTools的「Injection」面板
  2. 查找错误关联的服务，查看其依赖链，定位未正确注入的环节

• 检查第三方依赖兼容性
  部分第三方库在Angular 14中可能存在适配问题：

  • 执行ng update检查所有依赖是否已升级至适配Angular 14的版本
  • 排查懒加载模块中使用的第三方服务，确认其注入方式是否需调整以适配Angular 14

• 临时注释法缩小范围
  若仍无法定位，尝试逐步注释排查：

  1. 先注释懒加载模块路由中的组件，验证是否还报错
  2. 逐步恢复组件，同时注释组件内的服务注入，直到找到触发错误的具体服务

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