我試圖在我的角度項目安裝引導。

我使用npm install - save bootstrap在我的項目中安裝引導 之后，我安裝了jquery 為引導提供的路徑 下面是angular.json文件:

"styles": [
          "../node_modules/boostrap/dist/css/bootstrap.css",
          "src/styles.css"
        ],
        "scripts": [
          "../node_modules/jquery/dist/jquery.min.js",
          "../node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

當我在style.css中傳遞上面的引導路徑時，它可以工作，但是我想通過將路徑傳遞給angular.json來使它工作。

style.css文件@ import & quot../node _ modules/bootstrap/dist/CSS/bootstrap . CSS & quot；

我嘗試過的所有方法如下:

"。/node _ modules/boost rap/dist/CSS/bootstrap . CSS & quot；

"node _ modules/boost rap/dist/CSS/bootstrap . CSS & quot；

"../node _ modules/boost rap/dist/CSS/bootstrap . CSS & quot；

在我的作品中，我是這樣寫的。

"./node_modules/boostrap/dist/css/bootstrap.css"

但是請記住，如果你不停止發球并再次運行ng發球，它將不會顯示更改，因為導入是在ng發球過程開始時進行的。

希望對你有用。

如果您從原始配置的位置更改了angular.json，請讓我知道如何找出正確的路徑

我也有同樣的問題。在我用下面的代碼更新styles.css文件后，它工作了。

@import "~bootstrap/dist/css/bootstrap.css";

然后我刪除了它，并在angular.json中使用了下面的代碼

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "src/styles.css"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.js"
        ]

那我就照這里說的去做。成功了。謝謝