即使添加中间件后 CSS 文件也未加载

Question

CSS 文件未加载，在检查元素 (F12) 并转到网络时，我的 CSS 文件不可见。我添加了中间件

app.use(express.static(path.join(__dirname, '/public')));

并且还需要它上面的路径。

我已经添加了中间件，需要它并且 npm 也安装了它。

我的文件夹结构

-app.js

-package.json

-package-lock.json

-node_modules

-public

    -stylesheets

        -main.css

-views

    -index.ejs

    -partials

        -header.ejs

        -footer.ejs

我的 Header.ejs 文件有这个，我的正文包含一些文本。

<link href="/stylesheets/main.css">
我的 app.js 文件是

var express = require('express');
var request = require('request');
var ejs = require('ejs');
var path = require('path');
var app = express();
app.set('view engine', 'ejs');
app.use(express.static(path.join(__dirname, '/public')));

我的css文件改变了backgorund的颜色，index.ejs文件分别调用了header和footer

<% include partials/header%>

我的CSS代码

body{
background-color: purple;
text-align: center;
}

我的 chrome 控制台没有显示任何错误，但我仍然无法上传我的 CSS。提前感谢您的投入。

Answer 1

您使用的链接标签有误。您需要为其提供 rel 和 type 属性以加载 css 并正确解析它。查看 link 标签的文档以了解更多信息