Uncaught (in promise) ChunkLoadError: Loading chunk commons.xxxxxxxxx failed 浏览器打开多标签时Nuxt崩溃

报错信息如下:

Uncaught (in promise) ChunkLoadError: Loading chunk commons.pages_index.pages_teacher_index failed. 
(error: http://localhost:3000/_nuxt/commons.pages_index.pages_teacher_index.js)

发生情景:

打开多标签时, Nuxt 程序崩溃:

我有一个 vue 、nuxt 应用程序,当我使用单个选项卡时效果很好

当我打开应用程序的3个选项卡时就会出现这种情况(前两个没问题,只有第三个有问题)

原因

开发模式-dev下,Nuxt.js 创建 2 个到服务器的持久连接,以接收热更新并保持页面处于活动状态。
每个浏览器对一个站点允许拥有的特定服务器的并发连接数都有自己的限制,因此如果您在同一浏览器的多个选项卡中打开同一个 Nuxt.js 站点,您可能会超过浏览器的限制。

解决方法

1)不用解决:生产环境不会出现问题

2)开发环境如何解决:

  Chrome浏览器目前是没有解决方法的
  Firefox浏览器可以修改,在浏览器输入 about:config,在文本框输入 network.http.max-persistent-connections-per-server,默认最大连接数是6,比如改成60保存。测试OK


参考链接:https://github.com/nuxt/nuxt.js/issues/8190

更多信息:

https : //tools.ietf.org/html/rfc6202#section-5.1

 

posted @ 2024-01-23 16:28  Mrzxs  阅读(224)  评论(0编辑  收藏  举报