具有用户定义的 InjectionToken 的 DI 无法在启用 AOT 的情况下工作

Question

我有以下构造函数：

constructor(env: Env, private logger: Logger,
  @Inject(MockEndpoints.TOKEN) @Optional() 
  private endpoints: MockEndpoints[]) {
    // ...
}

与 JIT 编译器一起按预期工作。但是在启用 AOT 编译器的情况下，它会产生构建错误： ERROR in : Can't resolve all parameters for MockBackendInterceptor in /path/mock-backend.interceptor.ts: ([object Object], [object Object], ?).

令牌对象定义如下：

export interface MockEndpoints {
  handle(req: HttpRequest<any>): HttpResponse<any>;
}

export namespace MockEndpoints {
  export const TOKEN: InjectionToken<MockEndpoints[]> = 
    new InjectionToken<MockEndpoints[]>('MockEndpoints');
}

我确信这完全符合文档的建议。有什么提示吗？ ;)

编辑（作为对 Gunter 评论的回应）：端点在同一模块中注册：

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: MockBackendInterceptor, multi: true },
    { provide: MockEndpoints.TOKEN, useClass: MockBackupService, multi: true },
    { provide: MockEndpoints.TOKEN, useClass: MockConfigurationService, multi: true }
  ]
})
export class MockBackendModule { }

Answer 1

终于找到原因了

非常感谢用户 yurzui 和 Günter Zöchbauer 的评论，这有助于发现问题。

解决方案

如果（且仅当） 令牌常量在命名空间内声明， InjectionToken 的参数化类型（例如本例中的 MockEndpoints）不能是接口。因此，将其更改为抽象 class 就足够了。

export abstract class MockEndpoints {
  handle(req: HttpRequest<any>): HttpResponse<any>;
}

export namespace MockEndpoints {
  export const TOKEN: InjectionToken<MockEndpoints[]> = 
    new InjectionToken<MockEndpoints[]>('MockEndpoints');
}

从命名空间中提取 TOKEN 常量甚至更简单。

export interface MockEndpoint {
  handle(req: HttpRequest<any>): HttpResponse<any>;
}

export const MOCK_ENDPOINT = new InjectionToken<MockEndpoint[]>('MockEndpoints');

请注意，命名空间名称与接口名称（在本例中为两个名称 MockEndpoints）相同这一事实没有任何意义。当在名称空间不同的名称中声明令牌常量时，它不能将接口用作参数化类型。

当然它也可以使用纯字符串标记而不是使用 InjectionToken 接口。

此行为仅在使用 AOT 编译时发生。使用 JIT 在这两种情况下都没有问题。

具有用户定义的 InjectionToken 的 DI 无法在启用 AOT 的情况下工作

DI with user-defined InjectionToken not working with AOT enabled

dependency-injection

typescript

typescript2.0

angular2-aot

angular