Приложение Heroku Node.js отказалось применять стиль, потому что его тип MIME

Question

Я новичок в Node.js и Express. Я получаю эти ошибки из консоли.

отказался применять стиль от «https://brawlhallastats.herokuapp.com/assets/css/bootstrap.min.css' потому что его тип MIME ('text / html') не является поддерживаемой таблицей стилей MIME тип и строгая проверка MIME включены.

CSS загружает, как это должно быть локально, но когда я смотрю на развернутое приложение на Heroku, он просто показывает простой HTML без стилей. Почему это? Я понятия не имею, почему, и я был бы очень признателен за некоторую помощь, так как я искал помощь и не мог найти прямой ответ, который относится ко мне.

Я считаю, что проблема сохраняется где-то в коде ниже. Для справки, это мой макет:

    C:/
        index.html
        server.js
        package.json
        .gitignore
        assets
            css
                all_the_css_files in here
        node_modules

    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/core.css" rel="stylesheet" type="text/css">
    <link href="assets/css/icons.css" rel="stylesheet" type="text/css">

    const express = require('express');
    const app = express();
    const path = require('path');

    app.get('/', function(req, res) {
        res.sendFile(path.join(__dirname, 'index.html'));
    });

    app.listen(process.env.PORT || 4000, function(){
        console.log('Your node js server is running');
    });

Я ожидал, что сайт будет загружен со всеми стилями правильно. Любое объяснение будет с благодарностью.

Answer 1

Я понял это, и я пишу краткий ответ здесь, поскольку люди, плохо знакомые с выражением, вероятно, столкнутся с этим также.

Я столкнулся с этой проблемой, потому что мне нужно было установить общую папку. Все, что я сделал, это создал папку с именем public, поместил ресурсы в public, а затем включил эту строку в файл server.js.

app.use(express.static(__dirname + '/public'))