Таблица стиля не была загружена из -за неправильного типа MIME (текст/HTML вместо текста/CSS) ⇐ CSS

[Anonymous]

В настоящее время я разрабатываю личный проект, который состоит из простого веб -приложения трекера. Я выбрал node.js с Express для моего бэкэнда, но я застрял в начале своего путешествия, потому что таблица стиля для главной страницы (index.html) не хочет загружать. Я получаю знаменитую ошибку: stylessheet http: // localhost: 8000/css/main.css/не был загружен, потому что его тип MIME «Text/HTML» не является «текстом/CSS». Я хочу упомянуть, что статические ресурсы внутри публичной/ папки «Получены», например, я вижу свои активы/ элементы на странице.
Вот код внутри моего файла index.js:

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

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

dotenv.config();

import { compileSassAndSaveMultiple } from 'compile-sass';

const PORT = process.env.PORT || 3000;

const app = express();

const __dirname = dirname(fileURLToPath(import.meta.url));

app.use('/', express.static(path.join(__dirname, 'public'))); // for delivering static resources
app.use(bodyParser.urlencoded({ extended: false })); // for working with forms
app.use(express.json()); // for parsing json data

await compileSassAndSaveMultiple({
sassPath: path.join(__dirname, 'public/scss/'),
cssPath: path.join(__dirname, 'public/css/'),
files: ['main.scss'],
});

app.use('/', (req, res, next) => {
res.sendFile(path.join(__dirname, 'views/index.html'));
});

app.listen(PORT, () => console.log(`Listening on port: ${PORT}`));

< /code>
html -файла, который отправляется:


[*]

Tracker App

и структура папки App:

node_modules/
[*] src/

public /

Assets /< /li>
css /

< ul>
main.css
- scss /< /li>
main.scss
< /ul>
/li>
< /ul>
< /li>
< /ul>

[*] index.js
< /ul>
< /li>
< /ul>
Любая помощь будет оценена!
Я упустил из виду много статей и постов Stackoverflow, приближающихся к аналогичной проблеме, но ни одно из решений не сработало.

Подробнее здесь: https://stackoverflow.com/questions/760 ... ad-of-text