Angular2 Production AOT构建与角度CLI

Question

我的Angular2网络应用包含

• 第三方插件，例如jquery，pdfjs等
• 已定义服务！

export class WorkerService{
    constructor() {

    }
}

当我使用angular cli构建Dev AOT构建时，没有问题！ 但是，当我使用angular cli进行Prod AOT构建时，它给我一个错误，说“意外的令牌：名称（WorkerService）”。 我使用的命令是

ng build --prod --aot

我可能做错了什么？ 我没有与我的服务相关的规格文件，会不会有问题？ 谢谢。

Angular CLI版本：1.0.0-beta.25.5

Answer 1

这是与angular / cli捆绑在一起的UglifyJs版本的问题。 它是发行版本，仅支持编译的ES5或更低版本。 查看您的tsconfig.app.json并查看目标行，可能类似于

{
  "compilerOptions": {
    ...
    "target": "es2016",
    ...
}

将es2016，es2015，es6或任何您需要的内容更改为“ es5”，或创建此文件并向其中添加目标，然后尝试再次构建。 这对我有用，但如果您使用的ES6或ES2016功能无法转换回ES5，则可能并不总是有效。

tsconfig.json已过时，但某些IDE（如Visual Studio Code）仍在使用，我认为tsconfig.spec.json在构建和运行测试期间使用。