[Next.js] ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed.

에러 로그

인턴으로 근무하는 곳에서 Next.js를 쓴 지 한달 차 업무 일지를 돌아보면서 하나씩 정리해보면 좋을 것 같아, 뭘 적어볼까 하다가 아침에 출근하자마자 프로젝트를 켰는데 전에도 생겼던 에러가 또 터지는 걸 보고 바로 적어보려고 한다. 

Next.js를 이번에 ICT 학점 연계 인턴십을 하면서 처음 써보게 됐는데, 생각보다 위에 사진에 있는 에러가 자주 생겼던 것 같다. 원인 미상인가 싶어서 구글과 스택오버 플로우에 열심히 검색을 해봤다. 

에러 로그: ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed.

https://stackoverflow.com/questions/67652612/chunkloaderror-loading-chunk-node-modules-next-dist-client-dev-noop-js-failed

ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed

검색을 해봤더니 동일한 무제를 해결한 분이 스택오버 플로우에 계서서 링크를 달아둔다. 간단하게 문제에 대해서 달린 글과 댓글을 읽었을 때는 웹팩 관련된 이슈 인것 같았다. 해당 글이 2021년에 쓰여졌으니 최소 3~4년은 해당 문제가 일어나고 있다는 건데 관련해서 next.js 공식 github에 있는 지도 한번 찾아보면 좋을 것 같다. 

그래서 해결 방법은 다음과 같다.

1. .next/ 폴더를 지워준다. 
2. 서버를 재 실행 해준다(yarn dev or npm run dev 해주겠죠?)
3. 브라우저를 새로고침 해준다. 

사실 이렇게만 해도 해결이 내 경우에는 됐었기 때문에 완벽한 해결 방법인지는 잘 모르겠다. 비슷한 문제가 생긴 분이면 참고하시면 좋을 것 같다.