引導樣式404角

得到了一個奇怪的場景與自舉css文件返回404引導樣式404角

這只是我與角CLI創建了一個簡單的角度「快速啓動」風格的應用程序。我將Bootstrap添加到package.json，並使用npm update進行安裝。

索引文件是一個非常簡單的，並且包括在所述頭部下面的鏈接元件：
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />

的bootstrap.min.css類並在該位置處存在。

我然後運行使用ng serve --port 3000 --open

沒有造型出現在渲染頁面，並在Chrome瀏覽器開發工具（控制檯）有紅色的錯誤文本通知我
Failed to load resource: the server responded with a status of 404 (Not Found) :3000/node_modules/bootstrap/dist/css/bootstrap.min.css

但是應用，如果我點擊開發工具的Sources選項卡，那麼bootstrap.min.css類就在那裏，正如我所期望的那樣。

有誰知道這是怎麼回事？

來源

2017-06-22 onefootswill

您應該添加styles陣列您.angular-cli.json配置裏面的樣式表：

{ 
    ..., 
    "apps": [ 
    { 
     ..., 
     "styles": [ 
     "./node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ] 
    } 
    ] 
}

如果您有root在例如在src文件夾中的配置，你應該在你的風格網址前面加上../

來源

2017-06-22 13:29:02 PierreDuc

有一種感覺是這樣的。 ..也做到了。現在風格出現了。奇怪的是，我仍然得到開發工具中的紅色404錯誤。即使Bootstrap在那裏工作。 – onefootswill

將它從你的'index.html'中移除;） – PierreDuc

謝謝皮埃爾。隨着Angular的速度發生變化，學習資料正在迅速變得過時。因此我的困惑。我的書已經部分過時了。 – onefootswill

您需要使用您的angular.cli.json添加您的第三方樣式。

"styles": [ 
      "styles.css", 
      "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ],

來源

2017-06-22 13:29:54

引導樣式404角

回答

相關問題