我的 Node.js 应用程序没有加载我的 css 文件答案

【问题标题】：My Node.js app isn't loading my css files我的 Node.js 应用程序没有加载我的 css 文件
【发布时间】：2021-09-20 15:55:29
【问题描述】：

我浏览了这个问题，似乎无法找到适合我具体情况的答案。我的 CSS 没有加载，我尝试在 /public/ 中添加一个特定的 CSS 文件夹，但仍然遇到问题。

我正在使用快递。

PUG 模板：

block variables
doctype html
html
  head
    meta(charset="utf-8")
    link(rel="shortcut icon", href="/favicon.ico")
    meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
    meta(name="theme-color", content="#000000")
    title #{title} | WHATABYTE
    link(rel="stylesheet" href="/style.css")
  body
    div#root
      block layout-content

CSS：

body {
    background-color: aqua;
}

app.js：

const express = require('express')
const path = require('path')

const port = process.env.PORT || 3000

const app = express()

app.set("views", path.join(__dirname, "views"))
app.set("view engine", "pug")
app.use(express.static(path.join(__dirname, "public")))

app.get("/", function(req, res){
    res.render("index", { title: "Home"})
})

app.listen(port, function(){
    console.log(`app started on ${port}`)
})

我的文件系统：

filesystem

【问题讨论】：

您是否尝试将公共目录挂载到路径上？例如app.use('/public', express.static(path.join(__dirname, "public"))) 然后指向你的样式表 href="/public/style.css"?
刚刚试了一下，还是加载不出来
在下面查看我的答案。让我们看看它是否会起作用
@Sokmixtp 你的 style.css 在public 文件夹中对吗？
似乎是这样。现在，你如何运行节点应用程序？ @Sokmixtp

标签： html css node.js express pug

【解决方案1】：

我重新制作了整个项目并且它成功了。为什么？我不知道。我将端口更改为 8000，我不确定这会产生什么影响，但确实如此。

【讨论】：