Next fast refresh not working as expected

[joao-pedrozo]

What version of Next.js are you using?

^10.0.7

What version of Node.js are you using?

14.8

What browser are you using?

Chrome

What operating system are you using?

Ubuntu 20.04

How are you deploying your application?

next dev

Describe the Bug

When I start the next dev server, it works pretty well until pass a few minutes like 2, then he starts a loading on the page, and when he finish the loading even if I update a file on the code, he does not update on screen so I have to go and restart the server because only works on the first ~2 minutes.

Important: I'd like to say that I has having a similar issue with the webpack-dev-server used by the Create React App, my server was also not updating and showing old versions but I refresh the page for like 3 times and then the content appears, I did the migration to the repository to nextjs instead CRA, but now I have a different issue. If you want to check if I did any wrong configuration, the link for the repo is: https://github.com/joao-pedrozo/reviewanything/tree/master/packages/frontend

Expected Behavior

I expected that the dev server should do the fast refresh correctly until I finish the server, and not stop working from nothing.

To Reproduce

Create an next app, run the dev server.

[osequi]

I have the same problem.

• After editing an Emotion / CSS entry the browser is freezing all the time.
• After editing non-CSS code (plain React) sometimes the browser is freezing.
• After working only on an MDX file sometimes, after a few minutes the browser is freezing

[DannyFeliz]

Please upvote this discussion: #22214

[3e33]

Try creating a file called ".env.local" in your root project folder and add "WATCHPACK_POLLING=true" to it. Restart the server.

[Keshavdulal]

I was having a very similar issue in next 11.1.2 but when I downgraded to next 11.1.0, I got the "working" fast-refresh back.

Earlier... fast-refresh looked like it worked on the outside but wasn't really pulling in changes from the code although it would say it compiled successfully in the dev server.

[balazsorban44]

Hi, @joao-pedrozo I'm going through older issues, I am curious if you could check out newer versions of Next (as of writing latest is 12.0.7) to see if things have improved for you.

Otherwise, an actual reproduction would be very helpful.

[valerius21]

Hi @balazsorban44,the issue remains in npx create-next-app my-app --typescript repositories, when used in GitHub Codepaces. I needed, as previously mentioned, to create the environment variable.

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