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

Question

使用 Next.js - 构建 this

我正在将我的应用程序移植到 next.js 框架。目前，我正在重新创建身份验证系统，否则，我的应用程序的这次迭代非常简单。突然间，在添加 protected 路由(高阶组件)后 - 不确定这是否相关 - 我开始收到此错误以及 super 笨重的加载(显然)。

加载页面时，与 http://localhost:3000/_next/webpack-hmr 的连接被中断。

否则，一切都会按预期进行。

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

Answer 1

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

以下代码展示了删除注册的 Service Worker 的方法:

从“./serviceWorker”导入{ unregister }

//...
取消注册()；

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