2017-10-12 172 views
0

我想在Angular CLI項目中包含Jquery和Bootstrap 4。Angular 4和Bootstrap 4

這是我第一次嘗試整合這兩個。

因此,我安裝了Jquery,PopperJs和Bootstrap 4,並能夠在Node模塊中找到這些文件夾。

問題是,當我在Index.html頁面的解決方案中引用它們時,樣式不起作用。如果我註釋掉那些並嘗試添加CDN文件,在這個環節上

https://getbootstrap.com/

提到如果我註釋掉節點模塊參考,並把CDN直接引用它是工作,另一種方式是沒有的。

我是否錯過任何作爲安裝或參考的一部分?

+0

你可能想看看這個[鏈接](https://rahulrsingh09.github.io/AngularConcepts/faq)它有如何的問題將第三方庫導入或不包含類型 –

回答

1

您可以.angular-cli.json

添加樣式文件的文件位於:

  • RootProjectFile
  • E2E
  • node_modules
  • SRC
  • .angular-cli.json

然後將其添加到樣式:

"styles": [ 
    "../node_modules/..YourBootStrapStyle", 
    "styles.scss" 
    ], 
+0

謝謝。有用。那麼Jquery和Popper Js呢? – Chatra

+0

在某些情況下,將它們導入''腳本中:[]'就足夠了。也位於.angular-cli.json中 – Andresson