javascript - 尝试使用 Heroku 打开我的 Bootstrap 模板时出现 MIME 类型错误

Question

我正在使用 Bootstrap 模板创建一个作品集，但是当我尝试使用 heroku 打开它时，我的所有 css 都收到此错误:拒绝应用来自“”的样式，因为它的 MIME 类型(“text/html”)不是受支持的样式表 MIME 类型，并启用严格的 MIME 检查。

这似乎是 express 服务器的错误，但我不确定是什么...当我尝试通过错误查看 css 时，我应该看到代码，但它显示“无法获取”

我正在使用 mac 并尝试在 google chrome 上运行，并尝试使用 safari 打开，但仍然是同样的问题。

//这是我的 server.js 代码//

var express = require('express');
var port = process.env.PORT || 3000;
var app = express();

app.use(express.static(__dirname + '/dist'));
app.use(express.static(__dirname + '/dist/css/main.css'));

app.use(express.static(__dirname + '/lib'));
app.use(express.static(__dirname + '/lib/bootstrap/css/bootstrap.min.css'));
app.use(express.static(__dirname + '/lib/ionicons/css/ionicons.min.css'));
app.use(express.static(__dirname + '/lib/owlcarousel/assets/owl.carousel.min.css'));
app.use(express.static(__dirname + '/lib/magnific-popup/magnific-popup.css'));
app.use(express.static(__dirname + '/lib/hover/hover.min.css'));
app.use(express.static(__dirname + '/lib/magnific-popup/magnific-popup.css'));


app.get('/', function (req, res) {
    res.sendfile('./public/index.html');
});


app.listen(port, function () {
    console.log('Listening on Port ' + port);
});

//这是我的标题，其中引用了 css，也是我的文件布局//

https://imgur.com/a/fQ26xQQ

Answer 1

以前遇到过这个问题，如果您的任何 CSS 文件以注释开头，请尝试将其删除。我注意到有时它会将它们视为 CSS 以外的东西，并且不会加载 CSS 文件。

无论如何对我有用。