【问题标题】:bootstrap not connect to the angular 6?引导程序未连接到角度 6?
【发布时间】:2018-11-06 15:50:39
【问题描述】:
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';

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

多个 ./styles/bootstrap-4/css/bootstrap.min.css 中的错误 ./src/styles.css 未找到模块:错误:无法解析 '/Users/kobi.ktk/Documents/3yr/UI/a4app/styles/bootstrap-4/css/bootstrap.min.css' 在'/Users/kobi.ktk/Documents/3yr/UI/a4app'

【问题讨论】:

  • 随便猜,应该是这样吗? @import '~/bootstrap/dist/css/bootstrap.min.css';
  • 从 style.css 中移除倾斜
  • 你,已经导入@Hooman
  • 尝试使用 @import 'bootstrap/dist/css/bootstrap.min.css'; 而不是 @import '~bootstrap/dist/css/bootstrap.min.css'; 这个。
  • 如果您将其添加到angular.json 中的styles 块中,则不需要直接导入。

标签: angular bootstrap-4


【解决方案1】:

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

npm install --save bootstrap

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

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

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

【讨论】:

  • 告诉我更多帮助
  • 但是,为什么会发生这种变化?如有任何情况,请提供视图。
猜你喜欢
  • 1970-01-01
  • 2015-09-19
  • 2014-11-18
  • 2018-08-06
  • 2018-11-16
  • 1970-01-01
  • 1970-01-01
  • 2017-12-12
  • 1970-01-01
相关资源
最近更新 更多