页面加载时,与_next/webpack-hmr的连接中断

Question

使用Next.js - 构建这个

我将我的应用程序移植到nextjs框架.目前,我正在重新创建身份验证系统,否则我的应用程序的这个迭代是非常简单的.突然,在添加我的受保护路线(高阶组件)后 - 不确定是否相关 - 我开始得到这个错误以及超级笨重的加载(显然).

The connection to http://localhost:3000/_next/webpack-hmr was interrupted while the page was loading.

否则一切都按预期工作.

我不知道如何开始解决这类问题.有没有人对我如何获得有关此问题的更多信息/见解有任何想法？如何调试指导？我的下一步行动是开始断开连接,直到它消失为止.任何帮助,将不胜感激!谢谢

Answer 1

根据https://github.com/zeit/next.js/issues/9776中建议的解决方案，如果您使用 CRA，则可以取消注册 Service Worker。

以下代码显示了删除注册的 Service Worker 的方法：

import { unregister } from './serviceWorker'

// ... unregister();

如果您已经部署了注册的代码，首先您需要构建此代码并再次部署，它将使用未注册的代码进行部署。这样做的原因是，如果您之前使用过 register，则 Service Worker 已在用户的浏览器中注册。不过，注销会完全删除它。如果您再次构建应用程序，主 JS 包将获得一个新的哈希值，用户将下载它，取消注册将为他们删除它。