在express中加載css和js時遇到500內部服務器錯誤

Question

我是NodeJS的新手，試圖複製本書中的程序。 查看引擎是玉，我正在使用Bootstrap。我認爲靜態路徑是正確的。

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

，但是當我安慰它，它顯示了這一點，

C:\Users\Dell\Desktop\express\microblog/public 

，當我試圖訪問在broswer的網頁，而不是馬上我在工作狀態服務器後，問題只顯示和錯誤代碼是500，如下所示，

Cannot read property 'lazyrouter' of undefined 

TypeError: Cannot read property 'lazyrouter' of undefined 
    at route (C:\Users\Dell\Desktop\express\microblog\node_modules\express\lib\application.js:254:7) 
    at Layer.handle [as handle_request] (C:\Users\Dell\Desktop\express\microblog\node_modules\express\lib\router\layer.js:95:5) 
    at trim_prefix (C:\Users\Dell\Desktop\express\microblog\node_modules\express\lib\router\index.js:312:13) 
    at C:\Users\Dell\Desktop\express\microblog\node_modules\express\lib\router\index.js:280:7 
    at Function.process_params (C:\Users\Dell\Desktop\express\microblog\node_modules\express\lib\router\index.js:330:12) 
    at next (C:\Users\Dell\Desktop\express\microblog\node_modules\express\lib\router\index.js:271:10) 
    at C:\Users\Dell\Desktop\express\microblog\node_modules\express-session\index.js:489:7 
    at C:\Users\Dell\Desktop\express\microblog\node_modules\connect-mongo\lib\connect-mongo.js:306:11 
    at handleCallback (C:\Users\Dell\Desktop\express\microblog\node_modules\mongodb\lib\utils.js:96:12) 
    at C:\Users\Dell\Desktop\express\microblog\node_modules\mongodb\lib\collection.js:1335:5 

但實際上layout.jade被正確呈現，只有塊內容區域顯示錯誤。下面

app.js下面

var settings=require('./settings'); 
var express = require('express'); 
var path = require('path'); 
var favicon = require('serve-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 
var session=require('express-session'); 
var MongoStore=require('connect-mongo')(session); 

var User=require('./models/user'); 
var crypto=require('crypto'); 

var index = require('./routes/index'); 
var users = require('./routes/users'); 
var post = require('./routes/post'); 
var reg = require('./routes/reg'); 
var login = require('./routes/login'); 
var logout = require('./routes/logout'); 

var app = express(); 

// view engine setup 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'jade'); 

// uncomment after placing your favicon in /public 
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(session({ 
    secret: settings.cookieSecret, 
    resave: false, 
    saveUninitialized: true, 
    store: new MongoStore({ 
     db:settings.db 
    }) 
})); 
app.use(app.route); 
app.use(express.static(path.join(__dirname,'/public'))); 
console.log(__dirname+'/public'); 


app.use('/', index); 
app.use('/users', users); 
app.use('/post', post); 
app.use('/reg', reg); 
app.use('/login', login); 
app.use('/logout', logout); 

// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

// error handler 
app.use(function(err, req, res, next) { 
    // set locals, only providing error in development 
    res.locals.message = err.message; 
    res.locals.error = req.app.get('env') === 'development' ? err : {}; 

    // render the error page 
    res.status(err.status || 500); 
    res.render('error'); 
}); 

app.use(function (req,res,next) { 
    res.locals.user=req.session.user; 

    var err=req.flash('error'); 
    var success=req.flash('success'); 

    res.locals.err=err.length?err:null; 
    res.locals.success=success.length?success:null; 

    next(); 
}) 

module.exports = app; 

` 是layout.jade

link(type='text/css',rel='stylesheet', href='/stylesheets/bootstrap.css') 
link(type='text/css',rel='stylesheet', href='/stylesheets/bootstrap-responsive.css') 
script(src="/javascripts/jquery.js") 
script(src="/javascripts/bootstrap.js") 

Answer 1

的問題是在路徑的鏈路部分。在Windows上，路徑使用反斜槓而不是正斜槓構造。

嘗試使用path.join(__dirname, 'public')會爲您處理斜線或反斜線更改此代碼

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

這個

app.use(express.static(path.join(__dirname, 'public'))); 

。

下面爲您更多的參考。 https://gist.github.com/domenic/2790533

希望它有幫助。