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

Question

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

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

我的 app.js 文件中的行，以及项目根目录中的 public 文件夹和其中的 CSS 文件。也许它与 gulp 有关，因为在我安装它之前一切都工作正常。在

href

中，我指的是

/css/styles.css

，这必须解决。但 MIME 类型错误仍然存在

拒绝应用“http://localhost:3000/styles.css”中的样式，因为 它的 MIME 类型（'text/html'）不是受支持的样式表 MIME 类型， 并启用严格的 MIME 检查。

Answer 1

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

你说CSS文件在

/css/styles.css

。

但是你的错误说它指的是

/styles.css

所以我的建议是——检查你的网址。再检查一遍。 :)