【Angular】Angular中引入bootstrap不起作用的解决办法

2 篇文章 0 订阅
2 篇文章 0 订阅

Angular中引入bootstrap不起作用的解决办法

很多朋友在使用Angular引用bootstrap时,遇到了问题。发现引用之后,不起作用。多次检查,甚至一个字母一个字母地检查–无果。最后在index.html中link标签解决了事。
这篇文章讲的是angular-cli中引入bootstrap的方法
如果你已经把字母都检查过了,那么你来对了,可以直接跳过前两步。

  1. 在命令行中输入以下命令,下载bootstrap
cnpm install bootstrap --save
  • 在package.json包里引用一下
    在这里插入图片描述
  • 重点来了在angular-cli.json或angular.json中配置
    在这里插入图片描述
    tips:
  • 一定要在 build中的styles里写
  • 不要直接写bootstrap,而是_bootstrap@4.3.1@bootstrap

至于原因,
_bootstrap@4.3.1@bootstrap是真正的源文件,而bootstrap是我们用cnpm下载的淘宝镜像的快捷方式。

挚谢阅读。

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值