2016-10-26 7 views
0

我正在尝试加载我在帕格中调用的脚本和样式。但是,即使我使用express来提供静态文件,唯一加载的是没有样式,图像或脚本的网页。这是我的目录结构:快递:模板引擎(帕格)调用的样式/脚本无法加载

enter image description here

通过咕嘟咕嘟执行我的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') 

这里是被返回的错误:我不是 enter image description here

确切地确定我做错了什么。有人能帮我弄清楚这里有什么问题吗?谢谢!

回答

1

对静态资产的引用不应该包含您在express中设置为静态的文件夹。例如: /docs/styles/main.css - > /styles/main.css

也可以尝试做 app.use(express.static( '文件')) 这应该是足够的。

+0

谢谢!这个建议工作:) –