控制台中的角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

它是由我的供应商文件中的现代化引起的:

import './modernizr.js';

我不确定的一件事是,它是否应该在供应商文件中或Angular-cli.json文件的脚本部分中。我一直在尝试弄清供应商和脚本部分之间的区别,但我没有运气。如果有人能告诉我,那太好了。

无论如何,如果我尝试在Angular-cli.json的脚本部分中包含Modernizr,那么该项目将无法构建。有人可以帮我从这里出去吗?只是现代Izr无法与Angular 2正确地工作,还是我(更有可能),任何帮助都将不胜感激。

这是如何使其工作的方法:

  1. 下载并与以下方式安装Modernizr: npm install --save-dev modernizr

  2. 在命令行上进行编译: node .node_modulesmodernizrbinmodernizr -c .node_modulesmodernizrlibconfig-all.json

  3. 以生成的现代化js并将其放入" SRC"目录中。或您想要的任何地方。

  4. 在脚本下,将其添加到您的Angular-cli.json。该路径相对于您的" SRC"目录。

    "脚本":[ " ./modernizr.js"],

最新更新