Angular 8在Firebase Hosting中出现Mime错误

Question

我有一个Angular 8应用程序，它托管在Firebase上，并由Go-Astilectron（Astilectron 0.30和Electron 4.0.1）在客户端运行。

问题是，在我的某些客户端中，我遇到以下错误（它发生在加载Angular代码时，因此Astilectron只显示空白页面）：

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
main-es2015.5a90aaf45a8347384655.js:1 

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

在某些情况下，我们可以通过重新加载页面来解决这个问题，但在其他情况下，无论我做什么，页面都无法加载。

我进行了一些研究，并发现这可能与应用程序注册服务工作者有关，但这并不是我的情况。

此外，由于我正在使用Firebase Hosting提供静态站点，我没有进行任何MIME配置。

有人能帮帮我吗？

- Felipe

Answer 1

请确保在index.html中，head标签内包含以下内容：

<base href="/">

参见：https://github.com/angular/angular-cli/issues/10325#issuecomment-399329033

当在Windows机器上运行Python服务器时，如果注册表MIME类型没有正确设置，则也会出现此错误。

参见：https://github.com/pallets/flask/issues/1045#issuecomment-42202749

- Christopher Peisert

---

嗨，感谢您的回答！我的index.html确实有<base href="/">。我会检查受影响机器的注册表。 - Felipe

嗨，我已经检查过了，这台电脑的注册表看起来很正常。我没有找到任何带有text/plain文本的条目。 - Felipe

嗨，我刚刚添加了这部分内容，但问题仍然存在。有趣的是，我的开发分支完全正常，而我的生产分支却无缘无故地出现了问题。 - Terry Windwalker

@Felipe 你好，你找到这个问题的解决方案了吗？ - Terry Windwalker

嘿@TerryWindwalker，是的。如果我没记错的话，问题在Windows注册表中，就像Cristopher分享的这个链接所述：https://github.com/pallets/flask/issues/1045#issuecomment-42202749。 - Felipe

Answer 2

我遇到了这个问题。

前往angular.js并检查“outputPath”的值。如果它被设置为类似于“dist/your-project-name”的内容，请尝试将其更改为“dist/”，重新部署，然后强制刷新您的站点（Ctrl+F5）。

- alexania

Answer 3

我通过运行npm cache clear -f并刷新浏览器来解决了这个问题。

希望这可以帮到你！

- frymire1

Answer 4

对我来说，浏览器的清空缓存并强制刷新解决了这个问题。

- akelec