Почему ссылка на CSS файл не загружается при использовании Express.js?

После переименования старого CSS-файла и создания нового файла CSS в папке "public/stylesheets", я столкнулся с проблемой: переименованный файл могу открыть по прямой ссылке в браузере, но новый файл не открывается. Представляю вам файл `app.js`:

```javascript
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var registerRouter = require('./routes/register');
var loginRouter = require('./routes/login');

var app = express();

// Настройка шаблонизатора
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/register', registerRouter);
app.use('/login', loginRouter);

// Обработка ошибки 404
app.use(function(req, res, next) {
  next(createError(404));
});

// Обработка ошибок
app.use(function(err, req, res, next) {
  // Определяем сообщение об ошибке
  res.locals.message = err.message;
  // Передаем ошибку в разработке
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // Отображаем страницу с ошибкой
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;
```
  • 29 сентября 2023 г. 13:47
Ответы на вопрос 1
Проблема может возникать из-за неправильного пути указанного в функции `express.static()`. В данном случае, файлы стилей находятся в папке `public/stylesheets`, поэтому нужно добавить этот путь в функцию `express.static()`:

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

Затем убедитесь, что в HTML файле ссылка на CSS файл указана правильно. Например:

```html
<link rel="stylesheet" href="/stylesheets/style.css">
```

Обратите внимание на начальный слеш `/` перед путем к файлу стилей, который гарантирует, что браузер будет искать файл в корневой папке.
Похожие вопросы