Express.js 服务器无法渲染 css 和 js 文件

Question

我正在关注 YouTube 上关于 NODE.js 和 Express.js 的教程。我已进入 Express 部分，无法呈现网页的 CSS 和 JS 文件。 index.html 和 logo.svg 文件被呈现给服务器。任何帮助将不胜感激呈现 CSS 和 JS 文件。我的文件结构是：

Main_Folder
  |navbar-app
    |index.html
  |public
    |browser-app.js
    |styles.css
    |logo.svg
  |app.js

App.js

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

app.use(express.static('./public'))

app.get('/', (req,res) => {
    res.sendFile(path.resolve(__dirname, './navbar-app/index.html'))
})

app.all('*', (req,res) => {
    res.status(404).send('<h2>Resource not found</h2>');
})

app.listen((5000), () => {
    console.log('server')
})

Answer 1

您缺少导入静态文件 (app.use(express.static(__dirname)) )，必须将其放在应用调用方法之前，如下所示：

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

app.use(express.static('./public'))
app.use(express.static(__dirname))

app.get('/', (req,res) => {
    res.sendFile(path.resolve(__dirname, './navbar-app/index.html'))
})
...