CSS не загружается в проекте Express EJS, несмотря на правильную настройку ⇐ CSS

[Anonymous]

Я работаю над проектом Express с шаблонами EJS, и у меня возникли проблемы с правильной загрузкой CSS-файла. Я попробовал несколько решений, но CSS по-прежнему не применяется. Вот подробности моей настройки:

Код: Выделить всё

ejs_portfolio/
├── public/
│   ├── stylesheets/
│   │   └── style.css
│   ├── images/
│   │   └── kawsNWF.png
│   │   └── Potter.png
│   │   └── image1.1.png
│   └── videos/
│       └── Video.mp4
├── views/
│   ├── layout.ejs
│   ├── header.ejs
│   ├── footer.ejs
│   ├── home.ejs
│   ├── aboutMe.ejs
│   ├── contactMe.ejs
│   └── myProjects.ejs
├── routes/
└── app.js

У меня есть express.static, настроенный для обслуживания статических файлов из общедоступного каталога.

Код: Выделить всё

const express = require('express')
const path = require('path');
const app = express();

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

// View engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// Routes
const indexRouter = require('./routes/index');
app.use('/', indexRouter);

Я включаю style.css в свой макет.ejs вот так:

Код: Выделить всё

[*]

Шаги, которые я пробовал:

• Прямой доступ : я могу получить доступ к http://localhost:3000/stylesheets/style.css непосредственно в браузере, и он показывает необработанное содержимое CSS, поэтому файл обслуживается.
• Проверка встроенного стиля: когда я добавляю встроенный тег непосредственно в файл Layout.ejs , стили не применяются. Работает только встроенный стиль HTML.

  Код: Выделить всё

  Hello;
  

• Вкладка «Сеть» в инструментах разработчика: когда я проверяю вкладку «Сеть», отображается style.css статус 200, но ни один из стилей из этого файла не применяется к странице.
• Очистка кэша< /strong>: я пробовал очистить кеш и использовать Отключить кеш в инструментах разработчика Chrome, но безрезультатно.
• Минимальный тестовый файл: я создал файл test.html в public/ с простым встроенным , и он работал нормально.

Вопросы:

• Есть ли еще причины, по которым style.css не будет применяться в моем макете EJS, даже если он отображается правильно?
• Возникла ли проблема с конфигурацией в app.js, который мне, возможно, не хватает?

Будем очень признательны за любую помощь!

Подробнее здесь: https://stackoverflow.com/questions/791 ... rect-setup