AngularJS 1.8.2迁移Angular12报AppModule参数解析错误求助

1. 检查AppModule构造函数的注入参数 #

• 首先确认你是否在AppModule的构造函数里注入了UpgradeModule，有没有漏加@Inject(UpgradeModule)装饰器，或者是否在AppModule的providers里没有正确注册Upgrade相关的provider
• 注意Angular 12默认开启了严格DI模式，如果你要把AngularJS的服务注入到Angular侧，没有用@Inject('服务名')显式声明的话，会触发DI解析失败，不要依赖类型推导做AngularJS服务的注入

2. 检查tsconfig配置 #

• 确认tsconfig.json里的emitDecoratorMetadata和experimentalDecorators两个配置项都设为true，如果这两项关闭，装饰器的元数据不会生成，DI系统没法识别参数类型，就会报解析失败的错误
• 检查有没有开启strictInjectionParameters，如果开启了的话，所有注入的参数都必须有显式的注入装饰器，不能有隐式类型推导的注入

3. 检查polyfill配置 #

• 确认你已经正确引入了reflect-metadata这个polyfill，并且是在应用入口的最顶部引入，没有的话Angular的DI系统没法读取装饰器元数据，也会触发这个报错

4. 检查UpgradeModule的初始化逻辑 #

• 不要在AppModule的构造函数里直接执行upgradeModule.bootstrap挂载AngularJS应用，要放到ngDoBootstrap生命周期钩子里面执行，构造函数执行的时候Angular的注入器还没有完全初始化，很容易触发DI解析异常

// 正确写法示例
export class AppModule implements DoBootstrap {
  constructor(private upgrade: UpgradeModule) {}

  ngDoBootstrap() {
    this.upgrade.bootstrap(document.body, ['你的AngularJS模块名'], { strictDi: true });
  }
}

5. 检查依赖版本匹配 #

• 确认你安装的@angular/upgrade版本和你项目里其他Angular包的版本完全一致，版本不匹配会导致内部的DI token不兼容，触发解析失败

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