CSS in Express EJS -Projekt trotz korrekter Setup nicht in das Express -EJS -Projekt eingeladen ⇐ CSS

[Anonymous]

Ich arbeite an einem Expressprojekt mit EJS -Vorlagen und habe Probleme, meine CSS -Datei richtig zu laden. Ich habe mehrere Lösungen ausprobiert, aber die CSS bewerben sich immer noch nicht. Hier sind die Details meines Setups: < /p>

Code: Select all

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

Ich habe Express.static eingerichtet, um statische Dateien aus dem Public -Verzeichnis zu servieren.

Code: Select all

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);

Ich habe style.css in meinem layout.ejs wie folgt:

Code: Select all

[*]

Schritte, die ich ausprobiert habe:

Direkter Zugriff : Ich kann auf http: // localhost: 3000/stylesheets/style zugreifen. />
[*] Inline -Stil -Test : Wenn ich direkt in Layout.ejs ein Inline -Tag hinzufüge, gelten die Stile nicht. Nur HTML -Inline -Stil funktioniert. < /P>

Code: Select all

Hello;

Netzwerk -Registerkarte in Entwickler -Tools : Wenn ich die Registerkarte "Netzwerk" überprüfe, zeigt Style.css einen 200 Status, aber keiner der Stile aus dieser Datei gelten. Cache und Verwendung von Cache von in Chrom -Entwickler -Tools ohne Änderung. /> < /ol>
Fragen: < /h3>

Gibt es noch andere Gründe, warum style.css < /code> in meinem EJS -Layout nicht angewendet wird, obwohl es korrekt serviert wurde? fehlen?>