Nuxt Firefox 控制台错误 webpack hmr

【问题标题】：Nuxt Firefox console errors webpack hmrNuxt Firefox 控制台错误 webpack hmr
【发布时间】：2021-09-13 01:06:50
【问题描述】：

我刚刚使用 npx create-nuxt-app 命令使用 Nuxt 创建了一个全新的项目。这个错误可能与 Nuxt it self 无关，但在我所有的 nuxt 项目中都有它真的很烦人，我很难摆脱它。当我为 localhost 运行 npm run dev 命令时，它会出现在 Firefox 开发者版中。

The connection to http://localhost:3000/__webpack_hmr/client was interrupted while the page was loading.

The connection to http://localhost:3000/_loading/sse was interrupted while the page was loading.

知道如何摆脱这个吗？谢谢

【问题讨论】：

标签： firefox nuxt.js webpack-hmr firefox-developer-edition

【解决方案1】：

哇，从来没有意识到这个错误总是出现在 Firefox 中。通常，当您刷新一次页面时，这种事情就会消失，但看起来它确实存在于 Firefox 中。

我猜这与 HMR websocket 的完成方式有关。
这是github issue 谈论问题，这是最新的mozilla bug report。
不确定后者是否相关。

也许这只是在 Firefox 中设置的标志或与 Vue 相关的东西。尽管如此，您可以过滤掉一些错误，但将-<your-query> 放在控制台搜索中。非常适合消除一些您并不真正关心的烦人错误。

这就是它的样子

【讨论】：

我想我错过了什么，但似乎隐藏错误是目前唯一的方法。
@martcube 是的，不幸的是没有发现任何其他东西。希望我的回答有帮助。 :)