Angular 5动态函数生成引发生产构建（--prod）报错求助

我来帮你搞定这个问题！你遇到的报错本质是Angular生产构建默认启用的**AOT（提前编译）**和JIT（即时编译）的规则差异导致的：

• ng-serve默认用JIT模式，它是在浏览器运行时才解析代码，所以允许在装饰器里调用动态函数（比如你的generateReducer）；
• 而ng build --prod开启了AOT，它需要在编译阶段就确定所有装饰器的参数值，不支持在装饰器内部调用动态生成函数的方法，这就是报错的核心原因。

给你几个具体的解决步骤：

1. 把动态生成的Reducer提前抽离到装饰器外部 #

不要在模块装饰器的参数里直接调用generateReducer，先在模块文件的顶部提前计算好reducer的结果，再传入装饰器：

// 在SkillsModule类定义之前，先生成静态的reducer
const skillsReducer = generateReducer(adapter);

@NgModule({
  imports: [
    // 直接使用提前生成好的skillsReducer，而非在这儿调用函数
    StoreModule.forFeature('skills', skillsReducer)
  ]
})
export class SkillsModule {}

2. 确保EntityAdapter相关配置也静态化 #

如果你的createEntityAdapter带有自定义配置（比如自定义id选择器、排序规则），也建议提前定义好，避免在关联逻辑里动态生成：

// 提前初始化adapter
export const adapter: EntityAdapter = createEntityAdapter({
  selectId: skill => skill.id, // 自定义id字段
  sortComparer: (a, b) => a.name.localeCompare(b.name) // 自定义排序规则
});

// 基于adapter生成初始状态和静态reducer
const initialSkillState = adapter.getInitialState();
const skillsReducer = createReducer(
  initialSkillState,
  on(SkillActions.loadSkillsSuccess, (state, { skills }) => adapter.setAll(skills, state)),
  // 这里添加你的其他reducer处理逻辑
);

3. 排查其他装饰器内的动态调用 #

别忘了检查模块里的其他装饰器（比如组件、指令的@Component元数据），确保所有传入装饰器的参数都是静态可确定的值，没有隐藏的动态函数调用。

AOT虽然有这些限制，但它能带来更快的应用启动速度和更小的打包体积，所以生产环境默认启用，遵循它的静态规则就能顺利构建啦～

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