无法在 angular 中安装 bootstrap 5

Question

最初我使用以下命令安装了 bootstrap：

npm 安装 --save bootstrap

已成功安装，我正在尝试添加 CSS，如下所示：

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

在 angular cli 文件中。但是当我运行这个项目时，我得到了如下错误。

@ ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-
 loader/lib?{"ident":"postcss","sourceMap":false}!./src/styles.css 3:10-192 
@ ./src/styles.css 
@ multi ./node_modules/bootstrap/dist/css/bootstrap.min.css ./src/styles.css

Answer 1

因为，bootstrap 4.0.0 有问题。在 package.json.

中将 bootstrap 版本降级到 4.0.0-beta.2

"bootstrap": "4.0.0-beta.2"

For more information check this issue

或者您可以按照线程中的建议升级 angular-cli 版本。我的是 1.6.3

无法在 angular 中安装 bootstrap 5

Cannot install bootstrap in angular 5

angular-bootstrap

ng-bootstrap

angular

angular5