Angular 4、ngの構築中に予期しないトークンエラー--prod

Question

私はangular-cliとwebpack2を使用するAngular 4アプリケーションで作業しています。

私は次のエラーがスローされng build --prodを実行したときに、私は成功した、しかしng build

でプロジェクトをビルドすることができます。UglifyJs予期しない トークンからmain.50d83f3f70f7e607ec7a.bundle.jsで

ERROR：名前を（FilterPipe）[main.50d83f3f70f7e607ec7a.bundle.js：7,6]

私は何が間違っているのか分かりません。 UglifyはまだサポートES6構文をdoesntのため、この問題が発生した

import {Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'filter' 
}) 

export class FilterPipe implements PipeTransform { 
    transform(items: any[], field : string, value : string): any[] { 
     if (!items) return []; 
     return items.filter(it => it[field] == value); 
    } 
} 

Answer 1

：ここ

は私のfilter.pipe.tsファイルです。

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

修正tsconfig.jsonは、 "ターゲット" というFR必ずチェックする： "ES5" は、例があります：uglifyの問題を知られており、あなたのターゲットはES6ではないことを

{ 
    "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" 
    ] 
    } 
}