Mengapa Fail CSS Saya Tidak Memuatkan dalam Aplikasi Node.js, Express dan EJS Saya?

termasuk Fail CSS dengan Nod, Express dan EJS

Isu telah dihadapi semasa cuba memuatkan fail styles.css mengikut arahan yang disediakan dalam benang Stack Overflow. Walaupun mengisytiharkan perisian tengah statik dalam app.js dan merujuk fail CSS dalam templat EJS, fail CSS gagal dimuatkan.

Setelah memeriksa konsol pembangun, didapati bahawa atribut jenis elemen pautan ialah ditetapkan kepada 'teks/html' dan bukannya 'teks/css'. Ketidakkonsistenan ini mungkin menghalang fail CSS daripada digunakan dengan betul.

Untuk menyelesaikan isu ini, buat pengubahsuaian berikut:

1. Ubah suai perisytiharan middleware statik dalam server.js:

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

2. Laraskan rujukan fail CSS dalam templat EJS:

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

Dengan membuat perubahan ini , perisian tengah statik akan menyediakan akses kepada direktori awam, di mana fail styles.css terletak. Selain itu, rujukan fail CSS dalam templat EJS harus mengecualikan garis miring utama ('/'), kerana ini boleh menyebabkan masalah apabila aplikasi tidak berjalan pada URL akar.

Atas ialah kandungan terperinci Mengapa Fail CSS Saya Tidak Memuatkan dalam Aplikasi Node.js, Express dan EJS Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!