2017-03-09 80 views
0

我真的很希望有人能夠對此有所瞭解,因爲它讓我發瘋。我得到以下控制檯錯誤:控制檯中的角度CLI錯誤

Uncaught SyntaxError: Unexpected token import 
at eval (<anonymous>) 
at webpackJsonp.12.module.exports (addScript.js:9) 
at Object.512 (vendor.ts?d8d9:1) 
at __webpack_require__ (bootstrap 9a38e78…:52) 
at Object.1054 (scripts.bundle.js:31) 
at __webpack_require__ (bootstrap 9a38e78…:52) 
at webpackJsonpCallback (bootstrap 9a38e78…:23) 
at scripts.bundle.js:1 

它是由modernizrn引起了我的vendor.ts文件:

import './modernizr.js'; 

有一兩件事我不知道的是,如果它應該是vendor.ts文件或angular-cli.json文件的腳本部分。我一直在試圖找出vendor.ts和scripts部分之間的區別是什麼,但我沒有運氣。如果有人能告訴我那會很棒。

無論如何,如果我嘗試在angular-cli.json的scripts部分中包含modernizr,那麼項目將無法構建。有人可以幫我從這裏出去嗎?僅僅是因爲modernizr無法在Angular 2中正常工作,或者只是我(更可能),任何幫助都將不勝感激。

回答

3

這裏是如何得到它的工作:

  1. 下載並安裝Modernizr的有: npm install --save-dev modernizr

  2. 編譯它的命令行: node .\node_modules\modernizr\bin\modernizr -c .\node_modules\modernizr\lib\config-all.json

  3. 乘坐產生的Modernizr .js並將其放入「src」目錄中。或任何你想要的。

  4. 將它添加到您的angular-cli.json腳本下。該路徑相對於您的'src'目錄。

    「腳本」: 「./modernizr.js」 ],

+0

感謝柏彥它的工作一種享受。那麼你如何決定天氣把一些東西放在angular-cli.json的腳本部分或ventor.ts文件中? –