Angular 4执行AOT构建报错，修复后仍出现装饰器编译错误求助

你遇到的这个错误是Angular 4 AOT编译的典型问题——AOT编译器对装饰器语法有严格限制，不允许在装饰器内部直接调用函数，而ɵmakeDecorator这类函数调用刚好触发了这个规则。结合Angular 4的特性，给你几个针对性的解决步骤：

1. 确保Angular依赖版本完全统一 #

Angular 4对版本兼容性要求极高，混合不同版本的核心包（比如@angular/core、@angular/compiler等）很容易引发AOT编译异常：

• 打开package.json，检查所有@angular/*开头的包版本是否都是4.x.x（比如4.4.7是Angular 4的稳定终版）
• 若存在版本不一致，统一修改后执行rm -rf node_modules package-lock.json（Windows环境用rmdir /s /q node_modules && del package-lock.json），再重新运行npm install

2. 调整tsconfig.json的编译配置 #

Angular 4的AOT需要特定的TypeScript配置，修改你的tsconfig.json：

{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es2015", "dom"],
    "noImplicitAny": false,
    "suppressImplicitAnyIndexErrors": true,
    "strict": false
  },
  "angularCompilerOptions": {
    "enableIvy": false,
    "skipMetadataEmit": true,
    "fullTemplateTypeCheck": false,
    "strictMetadataEmit": false
  }
}

重点提醒：Angular 4不支持Ivy编译器，enableIvy必须设为false；关闭strictMetadataEmit可以规避一些严苛的元数据检查错误。

3. 排查第三方库或自定义装饰器的问题 #

如果项目中使用了第三方库，部分库可能未适配Angular 4的AOT编译规则，或是你自己编写了不符合要求的自定义装饰器：

• 检查是否有库在装饰器中使用了函数调用（比如@SomeDecorator(func())这种形式）
• 尝试暂时移除可疑的第三方库，重新编译验证是否是库的问题；若是，则更换为Angular 4兼容的版本

4. 清理编译缓存并重新构建 #

缓存文件也可能导致奇怪的编译错误，执行以下步骤：

• 删除项目根目录下的dist文件夹
• 运行ng clean（Angular CLI 1.7.x版本支持该命令）
• 重新执行ng build --prod --aot

5. 检查Polyfills配置 #

Angular 4需要特定的polyfill来支持装饰器功能，确保polyfills.ts中包含以下内容：

import 'core-js/es6/reflect';
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';

缺失这些polyfill也可能引发装饰器相关的编译错误。

按照这些步骤逐一排查，应该能解决你遇到的AOT编译问题。

内容的提问来源于stack exchange，提问作者Akhil Sahu