Angular 4，ng build --prod期间出现意外的令牌错误

Question

我正在开发一个使用angular-cli和webpack2的Angular 4应用程序。

我可以使用results='asis'

成功构建项目

但是，当我运行ng build时，会抛出以下错误：

  

来自UglifyJs的main.50d83f3f70f7e607ec7a.bundle.js中的错误意外   token：name（FilterPipe）[main.50d83f3f70f7e607ec7a.bundle.js：7,6]

我不明白出了什么问题。

这是我的 filter.pipe.ts 文件：

ng build --prod

Answer 1

这是因为Uglify还不支持es6语法。

https://github.com/angular/angular-cli/issues/1663

修改tsconfig.json以检查确定“target”：“es5”，是否存在示例：

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}