Firefox：样式表未加载，因为它的 MIME 类型“text/html”不是“text/css”答案

【问题标题】：Firefox: The stylesheet was not loaded because its MIME type, “text/html”, is not “text/css”Firefox：样式表未加载，因为它的 MIME 类型“text/html”不是“text/css”
【发布时间】：2020-06-22 00:18:13
【问题描述】：

Firefox 在控制台上出现以下错误：

样式表 https://example.com/search? 未加载，因为它的 MIME 类型“text/html”不是“text/css”。

我在 iframe 中显示一个外部网站，但我无权访问该网站来修复 mime 类型问题。我的问题是上面的错误停止了 JS 的执行，并且我的页面的其他必要的 javascript 代码没有执行。我在 stackoverflow 上浏览了其他类似的主题，但都强制修复 mime 类型或无效的 css。

它适用于所有其他主要浏览器，但不适用于 Firefox 桌面版和 Firefox 移动版。如何禁用此错误或防止它停止我的 js 执行？

【问题讨论】：

the above error halts the JS execution 为什么？这是一个缺失的样式表 - iframe 中缺失的样式表会停止父窗口中的 javascript 执行，这是一种非常罕见的情况
如果您在浏览器中打开样式表的 URL，您会收到样式表还是错误？
你的外部页面的JS代码没有在任何浏览器中执行，你不能用JS访问第三方页面。

标签： javascript html css

【解决方案1】：

对我来说，解决方案/原因是 http 与 https

网址：https://localhost/xx 对于链接 http://localhost/xx 导致此错误。

因为它是本地主机，所以我更改了 url http://localhost/xx 加载样式表<link rel="stylesheet" type="text/css" href="http://localhost/xx.css" /> 带有警告：作为 CSS 加载，即使它的 MIME 类型“text/html”不是“text/css” 不建议在服务器上使用，仅在 localhost 机器上使用。

对 url 和样式表使用 https 网址 https://localhost/xx

<link rel="stylesheet" type="text/css" href="https://localhost/xx.css" />

即使它的 MIME 类型“text/html”不是“text/css”，也会给出与 CSS 加载相同的警告

【讨论】：