ChunkLoadError: 청크 노드_modules_next_dist_client_dev_noop_js를 로드하지 못했습니다.
Next.js 웹사이트에서 기본 튜토리얼을 따라가다 Global Styles 단계로 넘어가자 다음과 같은 런타임 오류가 표시되기 시작했습니다.
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)
오류 1:
오류 2:
모든 절차를 정확히 따랐고, 에러 팝업을 닫으면 앱이 정상적으로 동작합니다.
이에 대한 안내를 해주시면 감사하겠습니다!
삭제하다.next프로젝트 루트에 있는 폴더를 클릭하여 프로젝트를 다시 시작하고 페이지(Shift+F5 / Cmd+Shift+R)를 강제로 새로 고쳐 캐시를 제거합니다.
캐시의 문제인 것 같습니다.GH Issues와 각종 블로그 투고를 살펴본 결과, Next.js의 동작에 의한 것으로 생각되는 이 웹 팩 관련 에러에 대해 아무도 무슨 일이 일어나고 있는지 알 수 없다는 결론을 내렸습니다.
/public 폴더에서 파일을 삭제한 후 이 오류가 발생했습니다.
수정 방법:
- /.다음 폴더를 삭제합니다.
- 프로젝트를 다시 시작합니다.
- 브라우저에서 강제로 새로 고치고 캐시를 삭제합니다.
제 경우 next.js 빌드 디렉토리는 파이어베이스 클라우드 함수로 호스트되는 것과 다른 이름으로 되어 있습니다.다음과 같은 절차를 따릅니다.
- 빌드(distDir) 디렉토리를 삭제합니다(내 디렉토리의 이름은 nextjs).
- 서버를 재기동합니다.
- 브라우저 강제 새로 고침
저는 tailwind.config.js에 플러그인을 추가했을 때 문제가 발생하였습니다(tailwind 사용).
아마도 이것은 누군가가 이상한 다음 행동을 찾는 데 도움이 될 것이다.
제 경우 삭제할 .next 폴더를 찾을 수 없었습니다.
빌드/폴더의 모든 내용을 삭제합니다.이건 나한테 효과가 있었어.
VSC에서 .next 폴더를 삭제했습니다.콘솔 로그에 오류가 더 많이 발생하여 폴더를 다시 프로젝트로 복원했습니다.오류가 사라졌습니다.
언급URL : https://stackoverflow.com/questions/67652612/chunkloaderror-loading-chunk-node-modules-next-dist-client-dev-noop-js-failed
'programing' 카테고리의 다른 글
| 워드프레스 루프 - 항목 카운트 방법 (0) | 2023.03.20 |
|---|---|
| 현재 사용자에게 활성 구독이 있는지 감지 (0) | 2023.03.20 |
| react-native - 전체 화면 크기가 아닌 View를 포함하는 이미지에 맞춥니다. (0) | 2023.03.20 |
| JSON 오브젝트목록 루프 (0) | 2023.03.20 |
| 반응 DOMException:'노드'에서 'removeChild'를 실행하지 못했습니다.제거할 노드가 이 노드의 하위 노드가 아닙니다. (0) | 2023.03.20 |