我試圖在我的角度項(xiàng)目安裝引導(dǎo)。
我使用npm install - save bootstrap在我的項(xiàng)目中安裝引導(dǎo) 之后,我安裝了jquery 為引導(dǎo)提供的路徑 下面是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"
]
當(dāng)我在style.css中傳遞上面的引導(dǎo)路徑時(shí),它可以工作,但是我想通過(guò)將路徑傳遞給angular.json來(lái)使它工作。
style.css文件@ import & quot../node _ modules/bootstrap/dist/CSS/bootstrap . CSS & quot;
我嘗試過(guò)的所有方法如下:
"。/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;
在我的作品中,我是這樣寫(xiě)的。
"./node_modules/boostrap/dist/css/bootstrap.css"
但是請(qǐng)記住,如果你不停止發(fā)球并再次運(yùn)行ng發(fā)球,它將不會(huì)顯示更改,因?yàn)閷?dǎo)入是在ng發(fā)球過(guò)程開(kāi)始時(shí)進(jìn)行的。
希望對(duì)你有用。
如果您從原始配置的位置更改了angular.json,請(qǐng)讓我知道如何找出正確的路徑
我也有同樣的問(wèn)題。在我用下面的代碼更新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"
]
那我就照這里說(shuō)的去做。成功了。謝謝