為什麼我的 CSS 檔案無法在我的 Node.js、Express 和 EJS 應用程式中載入？

包括帶有Node、Express 和EJS 的CSS 檔案

嘗試按照以下方式載入styles.css 檔案時遇到問題Stack Overflow線程中提供的說明。儘管在app.js中聲明了靜態中間件，並在EJS模板中引用了CSS文件，但CSS文件載入失敗。

檢查開發者控制台，發現link元素的type屬性為設定為「text/html」而不是「text/css」。這種不一致可能會導致 CSS 檔案無法正確應用。

要解決此問題，請進行以下修改：

1. 修改server.js 中的靜態中間件聲明：

<code class="js">app.use(express.static(__dirname + '/public'));</code>

2. 調整EJS 模板中的CSS 檔案引用：

<code class="ejs"><link rel="stylesheet" type="text/css" href="css/style.css" /></code>

透過進行這些更改，靜態中間件將提供對styles.css 檔案所在公共目錄的存取。此外，EJS 模板中的 CSS 檔案引用應排除前導斜線（“/”），因為當應用程式未在根 URL 上運行時，這可能會導致問題。

以上是為什麼我的 CSS 檔案無法在我的 Node.js、Express 和 EJS 應用程式中載入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！