Programmiererforum

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

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

[*]

Hello;

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]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
[/code]
Ich habe Express.static eingerichtet, um statische Dateien aus dem Public -Verzeichnis zu servieren.
[code]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);
[/code]
Ich habe style.css in meinem layout.ejs wie folgt:
[code][*]
[/code]
[b] Schritte, die ich ausprobiert habe: [/b]

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

[b] Netzwerk -Registerkarte in Entwickler -Tools [/b]: 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 [b] Cache von [/b] 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?>