2017-03-09 87 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文件中? –