0
364
ViewsChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed
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)
Error 1:
Error 2:
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!
3 answers
Answer question0
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.
0
I had this error after removing files from the /public folder.
How I fixed it:
- Remove your /.next folder.
- Launch your project again.
- Force refresh in you browser to delete the cache.
0
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 your build (distDir) directory (mine was called nextjs)
- Restart the server
- Force Refresh the browser