由于 MIME 类型错误而拒绝应用样式

Posted 2023-03-15

【中文标题】由于 MIME 类型错误而拒绝应用样式

【英文标题】：Refused to apply style because of MIME-type error

【发布时间】：2021-04-18 17:51:32

【问题描述】：

我在 Node.JS 项目中将样式表应用到我的页面时遇到了问题。我有一个

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

我的 app.js 文件中的行，以及项目根目录中的公共文件夹和其中的 css 文件。也许它与 gulp 有关，因为在我安装它之前一切正常。在 href 我引用 /css/styles.css，它必须解决。但是仍然存在 MIME 类型错误

拒绝应用来自 'http://localhost:3000/styles.css' 的样式，因为 它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型， 并启用了严格的 MIME 检查。

请给我一些建议?????????

【参考方案1】：

您确定您的 CSS 文件已被提供吗？如果您的 /styles.css URL 返回“404 Not Found”，则可能会发生这种情况。

你说CSS文件在/css/styles.css。

但你的错误说它指的是/styles.css

所以我的建议 - 检查您的网址。再检查一遍。 :)