2017-04-13 76 views
2

我用angular-cli創建一個項目,並且 ng build沒問題。沒想到,當我使用納克構建--prod得到錯誤:ng build --profile ERROR from UglifyJs

ERROR in vender.d6758a1e6b8a2151c741.bundle.js from UglifyJs 
Unexpected character '`' 

我谷歌並找到了一些解決方式,改變 「目標」:「ES5」在tsconfig.json文件,但目標默認情況下是es5。我不知道我的代碼是否存在問題或使用錯誤的設置。

"dependencies": { 
    "@angular/animations": "^4.0.1", 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
    "@angular/core": "^4.0.0", 
    "@angular/forms": "^4.0.0", 
    "@angular/http": "^4.0.0", 
    "@angular/platform-browser": "^4.0.0", 
    "@angular/platform-browser-dynamic": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "core-js": "^2.4.1", 
    "primeng": "^2.0.1", 
    "rxjs": "^5.1.0", 
    "underscore": "^1.8.3", 
    "zone.js": "^0.8.4" 
}, 
"devDependencies": { 
    "@angular/cli": "1.0.0", 
    "@angular/compiler-cli": "^4.0.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "~6.0.60", 
    "@types/underscore": "^1.8.0", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.0.0", 
    "karma-cli": "~1.0.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.5.0", 
    "typescript": "~2.2.0" 
} 

謝謝!

回答

3

在Webpack.prod.js中,像這樣改變配置。

plugins: [ 
    new webpack.NoEmitOnErrorsPlugin(), 
    new webpack.optimize.UglifyJsPlugin({ // https://github.com/angular/angular/issues/10618 
     mangle: { 
     keep_fnames: true 
     } 
    }), 
    new ExtractTextPlugin('[name].[hash].css'), 
    new webpack.DefinePlugin({ 
     'process.env': { 
     'ENV': JSON.stringify(ENV) 
     } 
    }), 
    new webpack.LoaderOptionsPlugin({ 
     htmlLoader: { 
     minimize: false // workaround for ng2 
     } 
    }) 
    ] 
+0

你能使其作爲答案 – Vignesh

0

我們失去了NG的身材,NG服務等角度CLI命令,一旦我們彈出webpack.js從角-CLI通過NG彈出。因此,我會推薦以下方法 來解決意外的字符「'」的問題:

一個。更新@角/ CLI中的package.json 1.5 rc.0版本:它已經解決了意外令牌「'」的問題

灣更新tsconfig.json指向ES2015依賴關係: 「目標」: 「ES2015」, 「LIB」: 「ES2015」, 「DOM」 ]

這是施工修復。

參見:https://github.com/angular/angular-cli/issues/7756

0

我有同樣的問題,事實上,要解決這個錯誤,只需通過@Vignesh給出的production.js文件的解決方法,:

htmlLoader: { 
     minimize: false 
    }