Angular配置providedIn:'platform'时Location报NullInjector错误如何解决

• providedIn: 'platform' 对应的注册层级是平台注入器，是Angular注入器体系的最顶层，层级高于应用根注入器。该层级默认仅包含平台级内置服务，不包含Location这类绑定应用上下文的应用级服务，直接注入必然触发NullInjector错误。
• 修改为providedIn: 'root'后仍报MyService的NullInjector错误，常见原因有三个：一是库未正确配置ng-packagr二级入口，服务元数据丢失；二是库的dependencies中错误打入了@angular/core/@angular/common，导致业务项目加载时存在多份Angular包实例，注入器树无法匹配服务；三是构建时摇树优化误剔除了未被显式引用的服务。
• 在AppModule中引入Location无效的核心原因是：AppModule内的所有提供者都注册在根注入器层级，属于平台注入器的子级。Angular注入器解析依赖时只会从当前层级向上查找，不会向下遍历子注入器的提供者，因此平台注入器初始化服务时，根本感知不到AppModule里注册的Location。

• 方案1：延迟获取Location实例，规避平台初始化阶段的依赖查找
  不在构造函数中直接注入Location，转而注入Injector，等应用初始化完成、根注入器完成应用级服务加载后，再按需取出Location实例：

import { Injectable, Injector } from '@angular/core';
import { Location } from '@angular/common';

@Injectable({
  providedIn: 'platform'
})
export class MyService {
  private _location?: Location;

  constructor(private injector: Injector) {}

  // 需要使用Location时调用该方法获取实例
  private get location(): Location {
    if (!this._location) {
      this._location = this.injector.get(Location);
    }
    return this._location;
  }

  // 业务方法中通过this.location访问实例即可
}

• 方案2：启动平台时直接将Location注册到平台注入器
  平台注入器的提供者只能在平台启动阶段传入，不能在应用内的Module中配置。修改业务项目的main.ts启动逻辑：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';
import { AppModule } from './app/app.module';

// 启动时将Location相关依赖注册到平台注入器
platformBrowserDynamic([
  { provide: LocationStrategy, useClass: PathLocationStrategy },
  Location
]).bootstrapModule(AppModule)
  .catch(err => console.error(err));

• 配套排查项
  • 检查库的package.json配置，必须将@angular/core、@angular/common写入peerDependencies，不要写入dependencies，避免打包时将Angular核心包打入库产物，引发多实例冲突
  • 确认库使用官方ng-packagr构建，不要自定义修改元数据生成规则，保证服务的可注入元数据能被Angular编译器正确识别

补充说明：platform层级设计初衷是存放跨多个Angular应用共享的、无应用上下文依赖的全局服务。如果服务本身强依赖路由、组件树这类和单应用绑定的能力，优先选择providedIn: 'root'注册，更符合Angular的设计约定。只要把peerDependencies配置正确，解决多实例问题，root层级的注入错误也会同步消失。

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