Question

我正在使用Express运行Node.js应用程序，但是我无法从我的stylesheets目录加载我的css。我为css做的每个请求都会返回503错误。但是我的所有javascript加载都很好。我尝试将css文件移动到javascripts文件夹并更改html中的href，但每次我尝试加载它时，服务器都会崩溃并且节点将重新启动。

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

app结构

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"/>

Answer 1

node-compass正在干扰提供的css并导致错误被抛出。评论后

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

服务器提供了css就好了。

Openshift Node.js应用程序提供javascript但不提供CSS

1 个答案: