[HMR] Hot module replacement is not working

[alexandrzavalii]

Bug report

On the most basic example on nextjs, HMR does not work.
It is stuck on [HMR] bundle rebuilding
After some time I get this error

react_devtools_backend.js:6 Error while applying updates, reloading page Error: Manifest request to /_next/static/webpack/230ce46768afbdef672e.hot-update.json timed out.
    at XMLHttpRequest.request.onreadystatechange (bootstrap:91)

HMR works on older version: NextJS v7.0.0

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. npx create-next-app
2. cd your-app && yarn install
3. yarn dev
4. Try several times to make a change on index.js file and see the HMR stops working

System information

• OS: MacOS
• Chrome
• Version of Next.js: [9.3.5]
• Version of Node.js: [13]

[timneutkens]

Tried out the steps provided but can't reproduce the issue. We also have extensive integration tests for HMR.

[alexandrzavalii]

@timneutkens Thanks for taking a look!
Could it be system related? Any idea what could be blocking hot-update.json requests?
Surprisingly it works with NextJS v7.0.0

[alexandrzavalii]

This helped: #9776 (comment)
I had service worker installed on the same port :/
Very annoying that console didn't have any errors related to service-worker in the console, spent a day looking for a fix.

Anyways Nextjs is awesome, thanks for building it :)

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.