2016-10-26 61 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

謝謝!這個建議工作:) –