Firebase“资源解释为样式表，但使用 MIME 类型文本/html 传输”答案

【问题标题】：Firebase "Resource interpreted as Stylesheet but transferred with MIME type text/html"Firebase“资源解释为样式表，但使用 MIME 类型文本/html 传输”
【发布时间】：2018-08-16 01:20:02
【问题描述】：

我创建了一个 Web 应用程序（只是一些 HTML、SCSS 和 JavaScrip）并将它与 parcel 捆绑在一起。当我在本地主机（由包裹提供）上运行应用程序时，一切正常。但是，一旦我在 firebase localhost 上启动它，CSS 就无法正常工作。我收到此错误：

资源解释为样式表，但使用 MIME 类型 text/html 传输

有没有人知道如何解决这个问题？

感谢您的帮助！

【问题讨论】：

这里有点疯狂的猜测：您没有要为 Firebase 提供服务的样式表，而您已将其配置为为 404 的索引页面提供服务。浏览器请求 CSS，用索引页的 HTML 返回 200 成功，boom，Resource interpreted as Stylesheet but transferred with MIME type text/html
仔细检查你的构建文件以确保一切都在那里
您还可以使用 Chrome 开发工具来检查网络请求并查看浏览器返回的文本内容。
@Sidney 感谢您的帮助！我检查一下。
@Sidney 好吧，浏览器真的把 HTML 拿回来了。我还检查了我的 dist 文件夹。一切都在其中。

标签： javascript firebase stylesheet mime-types parceljs

【解决方案1】：

Sidney 的疯狂猜测是正确的。捆绑的 index.html 中指向样式表和图像的链接不正确。 Parcel 引用了 dist 文件夹，他应该直接引用文件。我能够手动更改链接来自

<link rel="stylesheet" href="/dist/natalem-20.css">

到

<link rel="stylesheet" href="/natalem-20.css">

然后一切顺利。

由于 Firebase 无法找到正确的样式表，他只是将 HTML 作为 .css 文件发回。因此，控制台中没有 404 错误，而是警告

资源解释为样式表，但使用 MIME 类型 text/html 传输

所以要解决这个问题，只需更改捆绑的 index.html 中的路径，或者（我现在要做的）就是弄清楚如何通过 Parcel 配置进行更改。

非常感谢 Sidney 的帮助！给你的道具！

此致，

拉斐尔

【讨论】：