ExpressJS 应用程序不加载 CSS 文件答案

【问题标题】：ExpressJS application doesn't load CSS fileExpressJS 应用程序不加载 CSS 文件
【发布时间】：2021-05-15 00:21:36
【问题描述】：

我的 ExpressJS 网络应用程序仅加载 HTML 文件，但未应用 CSS 规则。我将 HTML 文件与 CSS 文件链接起来，并在 app.js 中添加了express.static(path.join(__dirname, 'css'))。

这是我的项目树：

app.js
/views
- index.html
/css
- style.css

我该如何解决这个问题？

【问题讨论】：

将<link rel="stylesheet" href="/style.css" /> 添加到您的HTML 模板并确保您use 静态目录：app.use(express.static(path.join(__dirname, 'css'))) in app.js

【解决方案1】：

确保添加app.use()。你现在所做的只是

express.static(path.join(__dirname, 'css'))

你应该做的是

app.use(express.static(path.join(__dirname, 'css')))

还要确保您在 HTML 中引用了样式表！

<link rel="stylesheet" href="/style.css" />

【讨论】：

【解决方案2】：

问题在于 HTML 文件中的标签。我有src='./css/style.css'，但使用src='/style.css' 修复了它。

【讨论】：