我真的希望有人能为此发出启示,因为它使我发疯。我会收到以下控制台错误:
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
它是由我的供应商文件中的现代化引起的:
import './modernizr.js';
我不确定的一件事是,它是否应该在供应商文件中或Angular-cli.json文件的脚本部分中。我一直在尝试弄清供应商和脚本部分之间的区别,但我没有运气。如果有人能告诉我,那太好了。
无论如何,如果我尝试在Angular-cli.json的脚本部分中包含Modernizr,那么该项目将无法构建。有人可以帮我从这里出去吗?只是现代Izr无法与Angular 2正确地工作,还是我(更有可能),任何帮助都将不胜感激。
这是如何使其工作的方法:
-
下载并与以下方式安装Modernizr:
npm install --save-dev modernizr
-
在命令行上进行编译:
node .node_modulesmodernizrbinmodernizr -c .node_modulesmodernizrlibconfig-all.json
-
以生成的现代化js并将其放入" SRC"目录中。或您想要的任何地方。
-
在脚本下,将其添加到您的Angular-cli.json。该路径相对于您的" SRC"目录。
"脚本":[ " ./modernizr.js"],