[英]node.js+express+jade: style.css internal server error 500
[英]Run into a 500 internal server error when loading css and js in express
我是NodeJS的新手,正在尝试将程序复制到本书中。 视图引擎是玉器,我正在使用Bootstrap。我认为静态路径是正确的。
app.use(express.static(__dirname+'/public'));
但是当我进行控制台操作时,它显示了这一点
C:\Users\Dell\Desktop\express\microblog/public
该问题仅在尝试访问浏览器中的页面时显示,而不是在激活服务器后立即显示,错误代码为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")
问题出在路径上。 在Windows上,路径是用反斜杠而不是正斜杠构造的。
尝试更改此代码
app.use(express.static(__dirname+'/public'));
对此
app.use(express.static(path.join(__dirname, 'public')));
使用path.join(__dirname, 'public')
将为您处理斜杠或反斜杠。
这是您的更多参考。 https://gist.github.com/domenic/2790533
希望能帮助到你。
如以下代码“ / sample”所示,是指向示例文件夹的整个路径。(在app.js中)
app.use('/sample',express.static(__dirname + '/public/sample'));
然后,您可以按如下所示链接文件(在查看文件中)
<script src="/sample/sample.js"></script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.