question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Firefox HMR error in console

See original GitHub issue

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

Screen Shot 2019-12-18 at 10 43 10 AM

System information

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

Additional context

Related: https://github.com/zeit/next.js/issues/4456

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:6
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
timneutkenscommented, Dec 19, 2019

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.

0reactions
balazsorban44commented, Jan 30, 2022

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Firefox HMR error in console #23647 - gatsbyjs/gatsby - GitHub
Clone a website - like gatsby starter. Open in Firefox (I'm using developer edition); View the console error. Environment. System: OS: macOS ...
Read more >
Nuxt Firefox console errors webpack hmr - Stack Overflow
It appears in Firefox developer edition when I run the npm run dev command for localhost. The connection to http://localhost:3000/__webpack_hmr ...
Read more >
Webpack hot reloading broken in Firefox Developer Edition
Hi, I've just switched to Firefox Developer Edition for my dev work. ... Is the page not hot-reloading or is it just the...
Read more >
How to fix console errors? | Firefox Support Forum
The content blocking error is because you are using trackers on your website that Firefox blocks by default.
Read more >
Console messages — Firefox Source Docs documentation
If a line that generates a warning or error is executed more than once, ... For JavaScript, CSS and console API messages, the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found