Question

我真的希望有人可以对此有所启发，因为它让我发疯。我收到以下控制台错误：

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

这是由vendor.ts文件中的modernizrn引起的：

import './modernizr.js';

我不确定的一件事是它应该在vendor.ts文件中还是在angular-cli.json文件的scripts部分中。我一直试图弄清楚vendor.ts和scripts部分之间的区别是什么，但我没有运气。如果有人能告诉我这将是伟大的。

无论如何，如果我尝试在angular-cli.json的scripts部分中包含modernizr，那么该项目将无法构建。有人可以帮我从这里出去吗？只是因为现代化器无法与Angular 2一起正常工作，或者是我（更有可能），任何帮助都会受到高度赞赏。

Answer 1

以下是如何使其正常工作：

下载并安装modernizr： npm install --save-dev modernizr
在命令行上编译它： node .\node_modules\modernizr\bin\modernizr -c .\node_modules\modernizr\lib\config-all.json
将生成的modernizr.js放入＆＃34; src＆＃34;目录。或者你想要的任何地方。
在脚本下将其添加到angular-cli.json中。路径是相对于你的＆＃39; src＆＃39; 。目录

＆＃34;脚本＆＃34;：[ ＆＃34; ./ modernizr.js＆＃34; ]，

控制台中的Angular CLI错误

1 个答案: