Express：模板引擎（Pug）调用的样式/脚本未加载

Question

我目前正在尝试加载我在Pug中调用的脚本和样式。但是，即使我使用express来提供静态文件，唯一加载的是没有样式，图像或脚本的网页。这是我的目录结构：

Gulp执行的我的server.js文件包含：

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

app.set('view engine', 'pug')
app.set('views', 'src/pages')
app.use(express.static(path.join(__dirname, '../../docs')))
console.log(path.join(__dirname, '../../docs'))

app.get('/', function(req, res) {
    console.log('Welcome!')
    res.render('index');
})

// Get post data from login and use encodeURIComponent on password with POST URL
app.get('/login', function(req, res) {
    console.log('Request received')
    res.end()
})

let server = app.listen(8080)
console.log('Listening on port 8080')

这是返回的错误：

我不确定它是什么我做错了。有人可以帮我弄清楚这里出了什么问题吗？谢谢！

Answer 1

对静态资源的引用不应包括您在express中设置为static的文件夹。例如：     /docs/styles/main.css - ＆gt; /styles/main.css

也尝试做     app.use（express.static（ '文档'）） 那应该够了。