Question

我想使用一些ng-bootstrap组件。它需要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？

Answer 1

我看到很多关于导入bootstrap的注释，而不是将它包含在styles数组中。这感觉有点变通。最后，我能够通过将角度cli升级到最新版本（现在是1.7.4）来修复

使用bootstrap 4.0.0进行角度构建错误

1 个答案: