Angular 4编译错误答案

【问题标题】：Angular 4 compile errorAngular 4编译错误
【发布时间】：2018-03-10 09:36:06
【问题描述】：

我刚刚在我的项目中使用了 npm install bootstrap@next 并得到了以下编译错误。我是 Angular 新手。

编译失败。

./node_modules/ansi-html/index.js 模块构建失败：错误：ENOENT：没有这样的文件或目录，打开 'D:\ 项目\board\node_modules\ansi-html\index.js'@ (webpack)-dev-server/client/overlay.js 3:15-35 @ (webpack)-dev-server/client?http://localhost:4200@multi webpack-dev-server/client?http://localhost:4200./www/main.ts

当使用 ng serve 编译时，我得到：

Error: Cannot find module 'ansi-styles'
at Function.Module._resolveFilename (module.js:527:15)
at Function.Module._load (module.js:476:23)
at Module.require (module.js:568:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (D:\Users\ssarfraz\git projects\board\node_modules\@angular\cli\node_modules\chalk\index.js:3:20)
at Module._compile (module.js:624:30)
at Object.Module._extensions..js (module.js:635:10)
at Module.load (module.js:545:32)
at tryModuleLoad (module.js:508:12)
at Function.Module._load (module.js:500:3)

【问题讨论】：

npm install bootstrap@next 是什么意思？

标签： angular intellij-idea compiler-errors

【解决方案1】：

您应该改用npm install --save bootstrap 或npm install --save bootstrap@4.0.0。并且不要忘记将 Bootstrap 包含到您的.angular-cli.json：

"styles": [
   "../node_modules/bootstrap/dist/css/bootstrap.min.css",
   "styles.css"
],

对于错误：

错误：找不到模块“ansi-styles”

这里有解决办法：https://stackoverflow.com/a/25884689/6053654

【讨论】：

@z123，你是通过 Angular CLI 创建项目的吗？
是的，它在目录中，但 intellij 没有向我显示具有 .在他们面前
@z123，如果是这样，您可以打开一个包含项目的窗口并显示所有隐藏文件（.angular-cli.json 应该在项目的根目录中）。或者，您可以配置 IDE 以显示隐藏文件
我将它添加到 .angular-cli.json 文件中，但是当我运行 ng serve 时，我得到了上面提到的以下编译错误。感谢您的帮助。
@z123，有时这是最好的解决方案；）

【解决方案2】：

从 \node_modules.bin 中删除所有文件并运行“npm install”命令。

【讨论】：