无法在Angular 6中添加Bootstrap 4

Question

当我尝试添加最新的bootstrap版本时,我遇到了问题

npm install bootstrap

当我尝试运行时,我收到一条错误消息

ng serve --open

我在angular.json中添加了bootstap

像这样

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

并且错误消息是

    ERROR in multi ../node_modules/bootstrap/dist/css/bootstrap.min.css ./src/styles.css
Module not found: Error: Can't resolve '...\node_modules\bootstrap\dist\css\bootstrap.min.css' in '...'

为什么我收到错误消息？

Answer 1

"../node_modules/bootstrap/dist/css/bootstrap.min.css",在Angular.json中删除.

尝试将此添加@import "~bootstrap/dist/css/bootstrap.css";到style.css文件中.

参考:使用Bootstrap为Angular CLI v6应用程序设置样式