为什么我的 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中文网其他相关文章！