Angular构建PWA执行ng build --prod报错：装饰器不支持函数调用

嘿，这个问题我太熟了——这是Angular生产构建默认启用的**AOT（提前编译）**在搞事情！

错误原因 #

AOT编译要求所有装饰器（比如@NgModule里的配置项）用到的值必须是静态可分析的常量，绝对不能包含函数调用。而你的environment变量是通过调用Environment类的构造函数/方法生成的，这就触发了AOT的检查规则，直接报错。

具体修复方案 #

方案1：改成纯对象字面量（最推荐，最简单）

把environment.prod.ts里的Environment类调用直接替换成符合BaseEnvironment接口的对象字面量，彻底避免函数调用：

// environment.prod.ts
import { BaseEnvironment } from './base-environment';

export const environment: BaseEnvironment = {
  production: true,
  apiUrl: 'https://你的生产环境API地址',
  prospectBuilderMod: { /* 这里填入你的配置内容 */ },
  // 其他需要的环境属性...
};

这样AOT编译时能直接解析这个常量对象，完全不会有问题。

方案2：保留类的话用静态预实例化

如果你必须依赖Environment类的逻辑（比如默认值处理、内置方法），可以在类里提前创建好静态实例，然后直接导出：

// base-environment.ts
export class BaseEnvironment {
  production: boolean;
  apiUrl: string;

  constructor(config: Partial<BaseEnvironment>) {
    this.production = config.production ?? false;
    this.apiUrl = config.apiUrl ?? 'https://默认API地址';
  }

  // 提前创建生产环境的静态实例
  static readonly PROD_INSTANCE = new BaseEnvironment({
    production: true,
    apiUrl: 'https://你的生产环境API地址',
    // 其他配置项...
  });
}

// environment.prod.ts
import { BaseEnvironment } from './base-environment';

// 直接导出预定义的静态实例，无运行时函数调用
export const environment = BaseEnvironment.PROD_INSTANCE;

这种方式下，environment是编译时就确定的静态值，AOT能正常识别。

额外检查

还要确认AppModule的@NgModule装饰器里，有没有用useFactory来注入environment——如果有的话，改成useValue：

// 错误写法
providers: [{ provide: ENV, useFactory: () => environment }]

// 正确写法
providers: [{ provide: ENV, useValue: environment }]

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