Dev server error when opening more than 3 tabs on chrome

[bahung1221]

Hi,

Currently, when I open more than 3 tabs in development mode (SPA) on chrome, the new opened tab and the hot-reload will not working, the tabs were freezing a while and then showing the error below:

Uncaught (in promise) Error: Manifest request to /dashboard/_nuxt/2fab9335f71ae93c4c97.hot-update.json timed out.
    at XMLHttpRequest.request.onreadystatechange (runtime.js:92)

If I only open 3 tabs or less, everything worked fine. The error occurs even with the fresh created nuxt app.
It seems that the problem doesn't occur on Safari.

Recorded video:
https://user-images.githubusercontent.com/27690861/124388347-b91d8e00-dd0c-11eb-8c52-f240fdf8184f.mov

Versions

• nuxt: 2.14.12 (I also tried the latest version - v2.15.7)
• node: 12.14.0

Reproduction

• Repository: https://github.com/bahung1221/nuxt-dev-server-error-reproduce

Thanks a lot!

[bahung1221]

Okay I found something in #6007.

It seems this is the problem of webpack dev server, it weird that I never faced this problem before (I don't remember exactly the version).
The need to open multiple tabs is important because I need to compare and preview my GUI on multiple devices size (simulators). And our designer also needs to do that, too.

Is there any workaround for this problem on chrome?
Thanks a lot 🍺

[Tobeyforce]

I had this problem as well recently and got "chunkloaderror" and "failed to load component" due to it. I do wish the documentation would give a very explicit warning about this, as opening multiple tabs is a common task.

[bahung1221]

It seems that this issue doesn't occur on Nuxt SSR mode, only occurs on SPA mode.

[stale]

Thanks for your contribution to Nuxt!
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you would like this issue to remain open:

1. Verify that you can still reproduce the issue in the latest version of nuxt-edge
2. Comment the steps to reproduce it

Issues that are labeled as pending will not be automatically marked as stale.

[danielroe]

This is no longer reproducible in Nuxt 3.