Angular v10.1懒加载模块注入LocationService触发NullInjectorError问题

控制台抛出的NullInjectorError: No provider for LocationService，本质是当前层级的依赖注入器沿着作用域向上查找，始终没有找到LocationService的有效注册条目。结合你用了多层级懒加载模块的场景，之前手动给各模块providers加配置依然报错，通常是三个原因：

• 你手动注册服务的模块本身不在当前注入器的作用链上
• 你在组件里导入的LocationService类，和你在providers里注册的类不是同一个文件导出的同一个引用，导致依赖注入的token完全不匹配
• LocationService类本身没有添加可被Angular识别的注入元数据

• 不是随便往哪个模块的providers里加服务，全应用就能用：通过loadChildren加载的懒加载模块拥有独立的子注入器，如果你把服务注册在某个本身也是懒加载的模块的providers里，这个服务的作用域就只限于那个懒加载模块自己，根本透不到其他同级或下级的懒加载模块，自然会报找不到provider。
• 自己写的服务默认是全局可注入的：所有Angular服务必须明确声明注册位置，没有任何注册配置的类，对所有注入器来说都是不可识别的普通类，自然触发空注入器错误。
• 多模块重复添加providers能解决问题：重复注册反而会导致每个注入器生成独立的服务实例，破坏单例特性，根本不会解决找不到provider的核心问题。

完全不需要在每个模块的providers里手动追加服务条目，用Angular v6+官方推荐的树摇服务写法就能解决：

1. 修改LocationService的类定义，在@Injectable装饰器里加上全局作用域配置：

   // 路径：common/services/location.service.ts
   @Injectable({
     providedIn: 'root'
   })
   export class LocationService {
     // 原有服务逻辑保持不变即可
   }
   

2. 把之前手动在app.module、resources模块、myMod.module等所有位置的providers数组里加的LocationService条目全部删掉，避免生成重复的服务实例。

这种写法的优势：

• 服务会在应用启动阶段就注册到根注入器，所有组件、普通服务、懒加载模块只要在全局依赖链上，都能直接注入使用，之后不管新增多少个模块，都不需要重复做配置。
• 支持原生树摇优化：如果最终打包时检测到整个应用没有任何地方引用这个服务，会直接把该服务的代码从构建产物中移除，不占用最终包体积。

额外注意：在组件里注入服务时，导入路径一定要和服务文件的实际导出路径保持一致。哪怕两个路径指向的服务内容完全相同，只要类的引用不匹配，也会触发注入错误。

内容的提问来源于stack exchange，提问作者j-p