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

[Гость]

Я работаю над экспресс -проектом с шаблонами EJS, и у меня возникают проблемы с привлечением файла CSS для правильной загрузки. Я пробовал несколько решений, но CSS все еще не применяется. Вот подробности моей настройки: < /p>

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

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 в моем mayout.ejs нравится это:

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

[*]

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

Прямой доступ : я могу получить доступ к http: // localhost: 3000/styleshies/style.cs непосредственно в wrowser, и это показывает, что это то, что он содержит, это то, что он содержит, это то, что он содержит, это то, что он содержит, так и показывает. />
[*] тест в стиле : когда я добавляю встроенный тег непосредственно в layout.ejs , стили не применяются. Только HTML -встроенный стиль работает. < /P>

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

Hello;

[*] вкладка сети в инструментах разработчика : когда я проверяю вкладку сети, style.css показывает 200 , но ни один из стилей из этого файла не применяется к странице. и использование отключить кэш в инструментах разработчика Chrome без изменений.

минимальный тестовый файл : я создал тест. Html file/ с простым врождением , и что работает хорошо. /> < /ol>
Вопросы: < /h3>

Есть ли какие -либо другие причины, почему style.css < /code> не применяется в моем расположении EJS, даже если он правильно обслуживается? Отсутствует?>

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