我正在使用Express运行Node.js应用程序,但是无法从样式表目录加载CSS。我对CSS提出的每个请求都会返回503错误。但是我所有的JavaScript都可以正常加载。我尝试将css文件移到javascripts文件夹中并更改html中的href,但是每次尝试加载它时,服务器将崩溃,节点将重新启动。

我已经通过删除index.html中的链接来验证它是CSS,并且整个网站都可以正常工作,而没有样式。如果我在本地运行该应用程序,则CSS加载正常,则CSS问题仅发生在已部署的Openshift实例上。

应用程式结构

server.js
node_modules/
public/
  --index.html
  --bower_components/
  --stylesheets/
    --app.css
  --javascripts/
    --app.js


server.js

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 Promise = require('bluebird');
var http = require('http');

var app = express();

app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(require('node-compass')({mode: 'expanded'}));
app.use(express.static(path.join(__dirname, 'public')));

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

app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

module.exports = app;

var server_port = process.env.OPENSHIFT_NODEJS_PORT || 8080;
var server_ip_address = process.env.OPENSHIFT_NODEJS_IP || '127.0.0.1';

var server = require('http').Server(app);
var io = require('socket.io')(server);

server.listen(server_port, server_ip_address, function() {
    console.log("Listening on " + server_ip_address + ", server_port " + server_port);
});

io.sockets.on('connection', function(socket) {
    socket.emit('message', {'message': 'connected'});
});

require('./routes/weather')(io);


index.html

<!-- Stylesheets -->
<link rel="stylesheet" href="/stylesheets/app.css" type="text/css"/>

最佳答案

node-compass干扰了提供的CSS,并引发了错误。评论后

// app.use(require('node-compass')({mode: 'expanded'}));


服务器服务的CSS就好了。

08-06 03:23