Warum wird meine CSS-Datei nicht in meine Node.js-, Express- und EJS-Anwendung geladen?

einschließlich CSS-Dateien mit Node, Express und EJS

Beim Versuch, die Datei „styles.css“ gemäß zu laden, ist ein Problem aufgetreten Befolgen Sie die Anweisungen im Stack Overflow-Thread. Obwohl die statische Middleware in app.js deklariert und auf die CSS-Datei in der EJS-Vorlage verwiesen wurde, kann die CSS-Datei nicht geladen werden.

Bei der Überprüfung der Entwicklerkonsole wurde festgestellt, dass das Typattribut des Linkelements lautet auf „text/html“ anstelle von „text/css“ setzen. Diese Inkonsistenz verhindert möglicherweise, dass die CSS-Datei korrekt angewendet wird.

Um dieses Problem zu beheben, nehmen Sie die folgenden Änderungen vor:

1. Ändern Sie die statische Middleware-Deklaration in server.js:

<code class="js">app.use(express.static(__dirname + '/public'));</code>

2. Passen Sie die CSS-Dateireferenz in der EJS-Vorlage an:

<code class="ejs"><link rel="stylesheet" type="text/css" href="css/style.css" /></code>

Indem Sie diese Änderungen vornehmen , stellt die statische Middleware Zugriff auf das öffentliche Verzeichnis bereit, in dem sich die Datei „styles.css“ befindet. Darüber hinaus sollte der CSS-Dateiverweis in der EJS-Vorlage den führenden Schrägstrich ('/') ausschließen, da dies zu Problemen führen kann, wenn die Anwendung nicht auf der Stamm-URL ausgeführt wird.

Das obige ist der detaillierte Inhalt vonWarum wird meine CSS-Datei nicht in meine Node.js-, Express- und EJS-Anwendung geladen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!