Firefox HMR error in console

[wesbos]

Bug report

Describe the bug

Loading any page in firefox shows this error in the console:

The connection to http://localhost:3000/_next/webpack-hmr was interrupted while the page was loading.

To Reproduce

1. git clone git@github.com:zeit/next.js.git
2. cd next.js/examples/blog-starter
3. npm install
4. npm run dev
5. Visit localhost:3000 and open console.
6. See The connection to http://localhost:3000/_next/webpack-hmr?page=/ was interrupted while the page was loading.

Expected behavior

This error should not happen

Screenshots

System information

• OS: Mac OS Catalina
• Firefox Developer
• Version of Next.js: 9.1.6

Additional context

Related: #4456

[deklanw]

Just started trying Next.js for the first time and I'm getting this too, I think. Pretty disappointing.

On first load I'm getting:

Failed to register/update a ServiceWorker for scope ‘http://localhost:3000/’: Load failed with status 404 for script ‘http://localhost:3000/service-worker.js’.

After reload I'm getting this:

Firefox can’t establish a connection to the server at http://localhost:3000/_next/webpack-hmr?page=/.

and timeouts.

[timneutkens]

Failed to register/update a ServiceWorker for scope ‘http://localhost:3000/’: Load failed with status 404 for script ‘http://localhost:3000/service-worker.js’.

This is because you had a serviceworker installed on localhost:3000 from a project that isn't using Next.js.

[deklanw]

@timneutkens Thank you! Removing the old service worker has appeared to fix both issues for me.

[ijjk]

Hi, this should be resolved by #9798 which is available in v9.1.7-canary.1 of Next.js

[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.