Почему мой CSS не применяется только тогда, когда доступ к HTML-файлу осуществляется через сервер? [закрыто] ⇐ CSS

[Anonymous]

Мой CSS работает так, как задумано, но при загрузке через сервер он больше не работает.
РЕДАКТИРОВАТЬ:
Хорошо, я попробую еще раз, я все сократил на простой экспресс-сервер, HTML-файл и CSS-файл:

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

import express from "express";
import bodyParser from "body-parser";
import { dirname } from "path";
import { fileURLToPath } from "url";

const app = express();
const port = 3000;
const __dirname = dirname(fileURLToPath(import.meta.url));

app.use(bodyParser.urlencoded({ extended: true }));

app.listen(3000, () =>{
console.log(`server listening on port ${port}`);
});

app.get("/", (req, res) =>{
res.sendFile(__dirname + "/index.html");
});

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

body{
background-color: blue;
}

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

test

Когда HTML-файл пытается применить CSS, я получаю сообщение об ошибке:< /p>
Отказался применять стиль из «http://localhost:3000/style.css», поскольку его тип MIME («text/html») не является поддерживаемым типом MIME таблицы стилей и является строгим MIME. проверка включена.
Я читал на другой странице, что иногда это происходит, когда файл не может быть найден. В основном проекте HTML не может найти CSS, изображения или JS, которые я ему даю.
Я чувствую, что должно быть простое объяснение - я новичок в этом и Благодаря моему образованию я запускал множество экспресс-серверов и никогда раньше такого не видел.

Подробнее здесь: https://stackoverflow.com/questions/783 ... rough-a-se