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.

Fast Refresh Not Working In 9.4.1

See original GitHub issue

Bug report

Describe the bug

Fast refresh (hot module replacement) does not work in NextJS 9.4.1.

To Reproduce

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

  1. Create a new NextJS app (npm init next-app).
  2. Build the app
  3. Run the app (loaded in Chrome 81)
  4. Modify some text in the index.js page.

Expected behavior

The page in the browser is updated to reflect the changes.

Actual behaior

Nothing happens, there is no update. Even on refreshing the page. There is never any HMR related console logs in the browser too.

There are also no new app logs since ready - started server on http://localhost:3000.

System information

  • OS: macOS Catalina 10.15.4
  • Browser (if applies): Chrome 81
  • Version of Next.js: 9.4.1
  • Version of Node.js: 12.16.1

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
stingrayfunkcommented, May 19, 2020

Ok I’ve just realised my mistake. I’m running the production build, which should not have HMR turned on. So silly. Sorry about this folks!

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

Fast Refresh Not Working In 9.4.1 · Issue #13085 · vercel/next.js
Bug report Describe the bug Fast refresh (hot module replacement) does not work in NextJS 9.4.1. To Reproduce Steps to reproduce the ...
Read more >
Basic Features: Fast Refresh - Next.js
Next.js' Fast Refresh is a new hot reloading experience that gives you instantaneous feedback on edits made to your React components.
Read more >
7 Refreshing Materialized Views - Oracle Help Center
The incremental refresh is commonly called FAST refresh as it usually ... In addition, it helps to avoid potential problems such as materialized...
Read more >
How To Enable Hot Reloading for .env Files in Next.js
In this article, you learned how to enable hot loading of .env files on Next.js. Finally, Next.js has extended the Fast Refresh feature...
Read more >
NextJS Fast Refresh - GeeksforGeeks
Here we created a simple react component named index and inside this component, we add one heading. Now after running the application if...
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