angular - bootstrap 没有连接到 angular 6？

Question

npm install bootstrap

配置angular.json:

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

直接在src/style.css中导入:

@import '~bootstrap/dist/css/bootstrap.min.css';

在此之后我得到了这个错误:

ERROR in multi ./styles/bootstrap-4/css/bootstrap.min.css ./src/styles.css Module not found: Error: Can't resolve '/Users/kobi.ktk/Documents/3yr/UI/a4app/styles/bootstrap-4/css/bootstrap.min.css' in '/Users/kobi.ktk/Documents/3yr/UI/a4app'

Answer 1

在 Angular 6 中，您必须按以下方式进行操作:

npm install --save bootstrap

然后仅在src/style.css文件中添加:

@import 'bootstrap/dist/css/bootstrap.min.css';

在 Angular 6 中，您不必将脚本添加到 angular.json 文件