如何修復 Express-EJS 應用程式中的 CSS 檔案載入問題：為什麼我的 CSS 未載入？

使用Node.js 將CSS 檔案整合到Express-EJS 應用程式

自訂Node.js-Express 應用程式時，包含CSS樣式對於增強使用者介面至關重要。用戶在嘗試將 CSS 檔案合併到其應用程式時可能會遇到困難。本文將探討開發者面臨的常見問題並提供詳細的解決方案。

問題：CSS 檔案載入失敗

開發者遇到的一個常見問題是無法將 CSS 檔案載入到基於 EJS 的 Express-JS 應用程式中。當程式碼似乎正確實現時，這可能會特別令人沮喪。

儘管使用建議的方法使用 express.static() 中間件設定靜態資源服務，但可能無法載入預期的 CSS 檔案。此外，開發人員的控制台可能會指示載入的檔案的類型設定為“text/html”，而不是預期的“text/css”。

解決方案：修正檔案路徑

;

要解決此問題，請確保在express.static()方法中指定的用於提供靜態檔案的路徑正確。在提供的程式碼範例中，將 path.join(__dirname, 'public') 替換為 __dirname '/public' 至關重要。此更改將準確引用 CSS 檔案的位置。

因此，應將 EJS 模板中的 CSS 檔案引用修改為使用相對路徑，例如 css/style.css，不帶前導斜線。

透過進行這些調整，Node.js 將成功為您的 CSS 檔案提供正確的 MIME 類型，確保其正確載入並套用到您應用程式的 HTML。

以上是如何修復 Express-EJS 應用程式中的 CSS 檔案載入問題：為什麼我的 CSS 未載入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！