HTML 样式表由于 MIME 类型未加载

我正在开发一个使用 Gulp 的网站.js进行编译和浏览器同步，以使浏览器与我的更改保持同步。

Gulp.js 任务正确编译了所有内容，但在网站上，我看不到任何样式，控制台显示以下错误消息：

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

现在，我真的不明白为什么会发生这种情况。

HTML 包含这样的文件（我很确定是正确的）：

<link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/>

样式表现在是Bootstrap和Font Awesome样式之间的合并（还没有自定义）。

路径也是正确的，因为这是文件夹结构：

index.html
assets
|-styles
  |-custom-style.css

但是我不断收到错误。

会是什么？这是gulp/browsersync的东西（也许是一个设置？）吗？

分割线

网友回答：

对于 Node.js 应用程序，请检查您的配置：

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

请注意，末尾没有正斜杠，因此您需要将其包含在 HTML 的 href 选项中：/public

href="/css/style.css">

如果您确实包含正斜杠（），那么您可以只做 ./public/href="css/style.css"

分割线

网友回答：

我认为，问题在于以注释开头的CSS库。

在开发过程中，我不会缩小文件，也不会删除注释。这意味着样式表以一些注释开头，导致它被视为与CSS不同的东西。

删除库并将其放入供应商文件（始终缩小而不添加注释）解决了该问题。

同样，我不是 100% 确定这是一个修复程序，但这对我来说仍然是一个胜利，因为它现在按预期工作。

分割线

网友回答：

在大多数情况下，这可能只是 CSS 文件路径错误。因此，Web 服务器返回一些类型的内容有效负载。status: 404Not Foundhtml

浏览器遵循标记中的此（错误）路径，目的是应用 CSS 样式。但是返回的内容类型相互矛盾，因此会记录错误。<link rel="stylesheet" ...>

在此处输入图像描述

模板简介：该模板名称为【HTML 样式表由于 MIME 类型未加载】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。