升级Angular5至Angular6遇编译错误：无法解析MyService参数

这个报错的核心原因是Angular 6对依赖注入（DI）的严格性提升：在Angular 5中，构造函数里无法解析的参数只会触发警告，但到了Angular 6+，这会直接变成编译错误。你的MyService<T>构造函数里的temp: T = null是泛型参数，Angular的DI系统根本无法确定要注入什么具体类型的实例，自然就报错了。

下面是几种符合Angular最佳实践的解决办法，按推荐程度排序：

方案一：移除构造函数泛型参数，改用初始化方法（最推荐） #

把泛型实例的传递从构造函数移到单独的初始化方法里，让DI系统只处理它能解析的内容，泛型相关的逻辑由你手动控制：

import { Injectable } from '@angular/core';

@Injectable()
export class MyService<T> {
  private temp: T | null = null;

  // 构造函数只保留Angular能解析的依赖（这里没有依赖，所以是空的）
  constructor() { }

  // 新增初始化方法传递泛型实例
  initialize(temp: T | null = null): void {
    this.temp = temp;
  }
}

使用时，先注入服务，再调用初始化方法：

import { Component } from '@angular/core';
import { MyService } from './my.service';
import { MyCustomType } from './my-custom.type';

@Component({
  selector: 'app-my-component',
  template: ''
})
export class MyComponent {
  constructor(private myService: MyService<MyCustomType>) {
    // 传入具体的泛型实例
    this.myService.initialize(new MyCustomType());
  }
}

这种方式完全符合Angular服务的设计原则：构造函数只负责注入依赖，动态的、类型不确定的内容通过方法传递，代码逻辑也更清晰。

方案二：使用可选注入令牌（适合必须在构造函数传递的场景） #

如果一定要在构造函数里处理这个参数，可以用@Optional()和自定义注入令牌，明确告诉DI系统这个参数是可选的：

import { Injectable, Optional, Inject, InjectionToken } from '@angular/core';

// 定义一个泛型注入令牌
export const MY_SERVICE_T_INSTANCE = new InjectionToken<T>('MyServiceTInstance');

@Injectable()
export class MyService<T> {
  constructor(
    // 标记为可选注入，同时关联自定义令牌
    @Optional() @Inject(MY_SERVICE_T_INSTANCE) temp: T | null = null
  ) { }
}

然后在模块或组件的providers中提供令牌对应的实例：

import { NgModule } from '@angular/core';
import { MyService, MY_SERVICE_T_INSTANCE } from './my.service';
import { MyCustomType } from './my-custom.type';

@NgModule({
  providers: [
    MyService,
    // 提供具体的泛型实例（这里用null示例，你可以替换成实际实例）
    { provide: MY_SERVICE_T_INSTANCE, useValue: null }
  ]
})
export class MyModule { }

不过这种方式的局限性在于，不同的泛型类型需要不同的注入令牌，当你有多种T类型时会比较繁琐，所以非必要不推荐。

方案三：用Injector动态获取实例（适合T是可注入服务的场景） #

如果你的泛型T本身是一个Angular可注入的服务类，可以通过Injector动态获取实例，避免构造函数参数无法解析的问题：

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

@Injectable()
export class MyService<T> {
  private temp: T | null = null;

  constructor(private injector: Injector) { }

  // 传入T的类型，动态获取实例
  setTempInstance(type: Type<T>): void {
    try {
      this.temp = this.injector.get(type);
    } catch (error) {
      // 处理无法获取实例的情况，比如设置为null
      this.temp = null;
    }
  }
}

使用时：

import { Component } from '@angular/core';
import { MyService } from './my.service';
import { MyInjectableType } from './my-injectable.type';

@Component({
  selector: 'app-my-component',
  template: ''
})
export class MyComponent {
  constructor(private myService: MyService<MyInjectableType>) {
    this.myService.setTempInstance(MyInjectableType);
  }
}

这种方式适合T本身是服务类的场景，能灵活获取不同类型的注入实例。

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