引导程序 4.0.0 的角度构建错误答案

【问题标题】：Angular build error with bootstrap 4.0.0引导程序 4.0.0 的角度构建错误
【发布时间】：2018-10-07 15:35:58
【问题描述】：

我想使用一些 ng-bootstrap 组件。它需要引导程序 4。当我安装 4 并尝试构建时，我收到此错误：

ERROR in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./node_modules/bootstrap/dist/css/bootstrap.css
Module build failed: BrowserslistError: Unknown browser major

我可以降级到 bootstrap 3.3.7 并且我的构建问题消失了，但是组件的样式不正确。我怀疑我需要 4.0.0 进行样式设置。

我正在运行 Angular cli 版本 1.6.3。
我没有安装 jquery 或 popper.js，即使 npm 表明我将其作为未满足的对等依赖项。

我的 package.json 非常普通：

"dependencies": {
"@angular/animations": "^5.0.0",
"@angular/common": "^5.0.0",
"@angular/compiler": "^5.0.0",
"@angular/core": "^5.0.0",
"@angular/forms": "^5.0.0",
"@angular/http": "^5.0.0",
"@angular/platform-browser": "^5.0.0",
"@angular/platform-browser-dynamic": "^5.0.0",
"@angular/router": "^5.0.0",
"@ng-bootstrap/ng-bootstrap": "^1.1.2",
"bootstrap": "^4.0.0",
"core-js": "^2.4.1",
"font-awesome": "^4.7.0",
"rxjs": "^5.5.2",
"zone.js": "^0.8.14"
 },

我在 angular-cli.json 中的样式条目：

  "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/font-awesome/css/font-awesome.css",
    "styles.css"
  ],

关于 4 的构建问题有什么想法吗？

【问题讨论】：

标签： ng-bootstrap

【解决方案1】：

我看到很多关于导入引导程序而不是将其包含在样式数组中的 cmets。这感觉有点解决方法。最后，我能够通过将 angular cli 升级到最新版本（现在是 1.7.4）来修复

【讨论】：