在@NgModule providers中使用原始类型值导致Angular生产构建失败

我之前碰到过一模一样的问题，核心原因是Angular的AOT编译器（--prod模式默认启用）对原生类型的依赖注入处理极其严格——虽然开发模式、单元测试和普通ng build用的JIT编译能容错通过，但AOT是提前编译，它需要明确的注入令牌元数据，而原生Date并不是Angular设计的标准可注入令牌类型，所以生产构建会直接报错。

问题根源拆解 #

你直接把Date作为注入令牌，JIT模式下Angular能动态推断处理，但AOT编译时，编译器无法识别原生类型的注入元数据，会判定这是一个无效的依赖配置，从而终止构建。

解决方案：改用自定义注入令牌（InjectionToken） #

正确的做法是为两个Date参数分别创建自定义注入令牌，给AOT编译器提供明确的依赖标识，具体步骤如下：

1. 定义注入令牌

在服务文件或单独的令牌文件中创建两个令牌：

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

// 为两个日期分别创建专属令牌
export const FROM_DATE = new InjectionToken<Date>('From Date');
export const TO_DATE = new InjectionToken<Date>('To Date');

2. 修改SampleService的构造函数

使用@Inject装饰器绑定对应的令牌：

import { Inject } from '@angular/core';
import { FROM_DATE, TO_DATE } from './path-to-your-tokens'; // 替换为实际文件路径

export class SampleService {
  constructor(
    @Inject(FROM_DATE) private _fromDate: Date,
    @Inject(TO_DATE) private _toDate: Date
  ) { }
}

3. 在NgModule中配置令牌的实例

更新providers数组，为两个令牌分别提供Date实例：

import { NgModule } from '@angular/core';
import { FROM_DATE, TO_DATE } from './path-to-your-tokens';

@NgModule({
  // ...其他模块配置
  providers: [
    { provide: FROM_DATE, useValue: new Date() },
    { provide: TO_DATE, useValue: new Date() }
  ]
})
export class YourTargetModule { }

为什么这能解决问题？ #

自定义InjectionToken是Angular官方推荐的注入非类类型依赖的标准方式，它给AOT编译器提供了清晰的元数据标识，彻底避免了原生类型带来的歧义。修改后无论JIT还是AOT模式，Angular都能准确解析依赖注入逻辑。

按照这个方案调整后，再运行ng build --prod就能顺利完成生产构建了。

内容的提问来源于stack exchange，提问作者ashish.gd