初學angular的時候安裝的是angular6版本，然後由於資料缺乏，學長說2，3，4，5，6這幾個版本基本沒什麼區別，就直接拿angular6跟著學了，在引入Bootstrap4的時候一直用不了

這個按鈕的效果一直實現不了，後面問了下學長才知道自己的

"node_modules/bootstrap/dist/css/bootstrap.css"和"node_modules/bootstrap/dist/js/bootstrap.js"這兩個的位置我放在test測試那裡面的"styles和"scripts"裡面了，難怪一直引用沒用，跟著學的視訊這個檔案是angular-cli.json和angular6的angular.json檔案結構有很多不同，導致自己很容易放錯位置，所以一直用不了

 

在解決這個問題的過程中自己也找到了另外 一種解決辦法：

直接在主模組中加入這行程式碼

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

 有html+css基礎的人應該不難理解這行程式碼。

這個是正確的配置程式碼：

 

配置完後記得重啟伺服器！！！