Angular 2 提前编译中的未知编译器选项“angularCompilerOptions”

Question

我正在尝试在this angular 2 项目中使用AOT 编译器。我收到错误：TypeError: this.compiler.compileModules is not a function 当我执行命令时："node_modules/.bin/ngc" -p tsconfig-aot.json。 如何解决这个问题？

重现步骤：

1. 克隆这个仓库：https://github.com/AngularClass/angular2-webpack-starter

2. 安装 compiler-cli（2.1.2 版）：npm install @angular/compiler-cli --save

3. 从src/app/app.routes.ts 中删除src/app/+detail 目录和detail 路由器（我这样做是因为"node_modules/.bin/ngc" -p tsconfig-aot.json 输出错误：can't resolve module src/app/+detail/index.ts from src/app/+detail/index.ts）

4. 创建tsconfig-aot.json:

   { “编译器选项”：{ “目标”：“es5”， “模块”：“es2015”， "moduleResolution": "节点", “源地图”：是的， “emitDecoratorMetadata”：真， “experimentalDecorators”：是的， “删除评论”：假， “noImplicitAny”：是的， “suppressImplicitAnyIndexErrors”：真 },
   “角编译器选项”：{ "genDir": "aot", “skipMetadataEmit”：真 } }

5. 运行"node_modules/.bin/ngc" -p tsconfig-aot.json

Answer 1

我刚刚遇到了同样的问题，并通过确保 "@angular/compiler": "2.1.1" 和 "@angular/compiler-cli" 使用相同的版本号来解决它。例如"@angular/compiler-cli" 应该是 "2.1.1" 以匹配编译器版本。