2016-10-26 3 views
0

私は現在、Pugで呼び出されたスクリプトとスタイルを読み込もうとしています。しかし、私がexpressを使って静的ファイルを提供しても、ロードする唯一のものはスタイル、画像、またはスクリプトのないWebページです。これは私のディレクトリ構造です:Express:Template Engine(Pug)によって呼び出されたスタイル/スクリプトが読み込まれない

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

静的資産への参照には、あなたが静的に設定したフォルダは含まれないようにしてください。たとえば、次のように /docs/styles/main.css - > /styles/main.css

また app.use(express.static( 'ドキュメント')を)やってみ 十分なはずです。

+0

ありがとうございました!このアドバイスは働いた:) –

関連する問題