AOT编译时报错“Function calls are not supported”怎么办？

这问题我之前也踩过坑。AOT 编译器在编译阶段需要静态分析装饰器，不能有函数调用，因为它没法在编译时执行你的 JS 代码。JIT 模式下没问题是因为它在浏览器里跑，那时候函数已经能执行了。

解决办法是用工厂函数代替直接调用。把你的代码改成这样：

// 先定义一个工厂函数

export function configFactory() {

  return getConfig();

}



// 然后在 @NgModule 里这样写

@NgModule({

  imports: [

    SomeModule.forRoot(configFactory)

  ]

})

export class AppModule { }

注意这里是把 configFactory 函数引用传进去，不是 configFactory() 调用结果。forRoot 方法内部会去执行这个工厂。

如果你的配置需要依赖其他服务或者环境变量，可以用 APP_INITIALIZER 或者提前在 main.ts 里处理好配置对象。

还有个常见的坑，如果你用了 export default 导出函数，AOT 也可能报错，改成命名导出就行。

注意安全：如果你的 getConfig() 会读取环境变量或者外部配置文件，确保这些敏感信息（API 密钥、数据库连接串等）不要直接硬编码在前端代码里。Angular 编译后的代码是可以被反编译的，环境变量最终都会打包进 bundle。敏感配置应该放在后端，前端通过接口按需获取。