I've been following the basics tutorial on the Next.js website and when I got to the Global Styles step, I started getting the following runtime error:
ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed.
(error: http://localhost:3000/_next/static/chunks/fallback/node_modules_next_dist_client_dev_noop_js.js)
I followed all the steps exactly and when I close the error pop-up, the app works fine.
If anyone can provide any guidance on this I'd appreciate it a lot!
For me, the problem appeared when I added a plugin to tailwind.config.js (using tailwind)
maybe this will help someone locate strange nextjs behavior
I had this error after removing files from the /public folder.
How I fixed it:
In my case, I couldn't find the .next folder to be deleted.
Delete all the contents of the build / folder. This worked for me.
I deleted the .next folder in VSC. The console log generated more errors, so I then restored the folder back to the project. The errors disappeared.
In my case i had my next.js build directory with a different name as hosted with firebase cloud functions. Follow these similar steps
Delete the .next folder at the root of your project, relaunch your project, and force-refresh your page (Shift+F5 / Cmd+Shift+R) to remove the cache.
It apparently is a cache issue. After browsing through GH Issues & various blog posts, my conclusion is that nobody knows what the heck is going on with this webpack-related error, probably caused by Next.js's behavior.