Angular 4, Unerwarteter Token-Fehler bei der Erstellung von ng --prod

Question

Ich arbeite an einer Angular 4-Anwendung, die angle-cli und webpack2 verwendet.

ich jedoch das Projekt mit ng build

erfolgreich aufbauen kann, wenn ich ng build --prod der folgende Fehler ausgeführt wird geworfen:

ERROR in main.50d83f3f70f7e607ec7a.bundle.js von UglifyJs Unexpected Token: Name (FilterPipe) [main.50d83f3f70f7e607ec7a.bundle.js: 7,6]

Ich verstehe nicht, was falsch ist.

Hier ist meine filter.pipe.ts Datei:

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

Dies geschieht, weil uglify Unterstützung es6 Syntax noch tut.

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

Ändern tsconfig.json fr sicher zu überprüfen, ob "Ziel": "ES5", gibt es Beispiel:

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