【Angular】Angular中引入bootstrap不起作用的解決辦法

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,而是[email protected]@bootstrap

至於原因,
[email protected]@bootstrap是真正的源文件,而bootstrap是我們用cnpm下載的淘寶鏡像的快捷方式。

摯謝閱讀。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章