Не удается получить файл CSS

Мой каталог настроен так:

app.js
vews
  home.html
  css
    style.css

Мой домашний файл выглядит так:

<html>
<head>
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>

</body>
</html>

Мое приложение выглядит так:

var io   = require('socket.io'),
    url  = require('url'),
    sys  = require('sys'),
    express = require('express'),
    http=require('http');

var app = express();
var server = http.createServer(app);
var socket = io.listen(server);

app.engine('.html', require('ejs').__express);
app.set('views', __dirname + '/views');
app.set('view engine', 'html');

app.get('/', function(req, res){
    res.render('home');
});

app.listen(4000);
sys.puts('server running ' + 'now ' + Date.now());

Проблема в том, что когда я запускаю приложение, css файл не может быть загружен.

Ответ 1

Так как .css файлы являются статическими файлами, вы должны обслуживать их для клиентов. Тем не менее, вы не используете статические файлы в качестве промежуточного программного обеспечения. Добавьте в ваше экспресс-приложение следующее промежуточное программное обеспечение и переместите папку css в каталог public (вы должны создать public directory)

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

Итак, ваша окончательная структура каталогов должна выглядеть так:

app.js
views
  home.html
public
  css
    style.css

И не забудьте потребовать path module

 var path = require('path')

Ответ 2

Попробуйте следующее:

<link rel="stylesheet" type="text/css" href="/css/style.css" />

Это может решить проблему.