打开多个标签时 Nuxt 浏览器崩溃答案

【问题标题】：Nuxt browser crash when open multi tabs打开多个标签时 Nuxt 浏览器崩溃
【发布时间】：2020-06-12 10:23:54
【问题描述】：

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

当我为应用程序打开 3 个选项卡时。前 2 个选项卡运行良好并继续工作但 3 的标签不起作用这发生在 chrome 和 firefox 中（所以它不是浏览器）

在第一次加载时加载的页面，但在尝试移动到另一个页面时似乎没有加载页面脚本并且应用程序失败。（请求的状态未完成并保持待处理）

【问题讨论】：

【解决方案1】：

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

【讨论】：

哇，我不敢相信我不知道这一点，而且很难找到答案。我正在测试我的激活流程，我在其中发送电子邮件并在单击激活链接时打开了一个新选项卡。当我最终以三个选项卡结束时，我的组件无法加载并给了我一个 chunkloaderror / failed to load async 组件。原来，这就是问题所在。谢谢。
正在搜索几天...这就是问题所在！
指出这仅在运行yarn dev 时才会发生可能会有所帮助。首先运行 yarn generate 或 yarn build，然后运行 yarn start 允许多个选项卡按预期工作。
与 NPM 相同。呼，谢谢大家，现在很高兴知道为什么......如果它没有在生产中发生，那么不用担心！

【解决方案2】：

来自 GitHub 中的Pimile issues 说：

“我认为是因为 Chrome 的默认限制是每个域 6 个 HTTP 套接字。例如，对我来说，当我打开第 7 个选项卡时，它会显示正在等待可用的套接字。”

所以尝试在 Firefox 上进行测试，也许可以查看这个问题，我可以帮助https://github.com/nuxt/nuxt.js/issues/6007

【讨论】：

在 git 问题 manniL 中提到：“如果使用 Firefox，您可以通过导航到 about: config 并将 network.http.max-persistent-connections-per-server 设置为更高的数字来增加此限制”你试过了吗？