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

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

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

  1. 在命令行中输入以下命令,下载bootstrap
cnpm install bootstrap --save
  • 在package.json包里引用一下
    【Angular】Angular中引入bootstrap不起作用的解决办法_第1张图片
  • 重点来了在angular-cli.json或angular.json中配置
    【Angular】Angular中引入bootstrap不起作用的解决办法_第2张图片
    tips:
  • 一定要在 build中的styles里写
  • 不要直接写bootstrap,而是[email protected]@bootstrap

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

挚谢阅读。

你可能感兴趣的:(原创,Angular,node,npm)