这对于Websockets或SocketIO来说是一个挑战。您可能在应用中运行了不正确的配置或设置。删除导入或获得正确的配置。

这通常发生在你开发应用程序的时候
问题可能是服务工作在开发模式下一次又一次地注册到浏览器，因为浏览器完全重新加载，
打开Dev工具，检查服务工作者是否已注册。
如果它注册了，那么就取消注册，并更新你的next.js.js，这样service worker就不会在浏览器中再次注册了。
我使用的是“下一个-pwa”模块，下面是我做的检查

pwa: {
    disable: process.env.NODE_ENV === 'development',
    register: true,
    scope: '/',
    dest: 'public',
    swSrc: 'service-worker.js',
  },

根据https://github.com/zeit/next.js/issues/9776中建议的解决方案，如果您正在使用CRA，则可以取消注册Service Worker。
下面的代码显示了删除已注册的service worker的方法：
import { unregister } from './serviceWorker'
// ... unregister();
如果你已经部署了一个注册的，首先你需要构建这个代码并再次部署它将与未注册的一个部署。这样做的原因是，如果您以前使用过register，则service worker已在用户的浏览器中注册。Unregister完全删除它。如果你再次构建你的应用，主JS包将获得一个新的哈希，用户将下载它，注销将为他们删除它。

也有同样的问题。
我遵循了我研究过的各种来源的建议，没有一个奏效。在我的情况下，这是next.js.js文件中的问题。
更具体地说，在我的next.js.js文件中，我包含了一个next.js.js generateBuildId函数，但我将其留空，以便在稍后阶段重新访问算法，因为项目处于早期阶段。从这个函数返回一个有效的buildID后，警告消失了。

我的两分钱：这发生在我使用Firefox时，连接到localhost;相同错误：

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

具体来说，我运行的是start-storybook -p 9009 -s public，但这实际上与问题无关。
我解决了这个清除缓存的Web内容和网站数据在Firefox偏好：