Angular 控制台中的 CLI 错误

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 文件的脚本部分中。我一直在努力找出 vendor.ts 和脚本部分之间的区别，但我一直没有运气。如果有人能告诉我那会很棒。

无论如何，如果我尝试在 angular-cli.json 的脚本部分中包含 modernizr，那么该项目将无法构建。有人可以帮我从这里出去吗？仅仅是 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放到"src"目录下。或者任何你想要的地方。
将其添加到脚本下的 angular-cli.json。该路径相对于您的 'src' 目录。

"scripts":[ “./modernizr.js” ],

Angular 控制台中的 CLI 错误

Angular CLI error in console

modernizr

angular