오류해결) ChunkLoadError: Loading chunk X failed.

hhhzeong·2023년 8월 7일
0

오류

app.js:2 ChunkLoadError: Loading chunk 731 failed.

깃허브를 통해서 배포를 하니 흰 화면만 보이며 콘솔에 나타난 오류는 위와 같았다.

빌드를 하면서 dist 폴더에 731, 256 등등 이상한 이름으로 생긴 파일들이 생겼는데
찾아보니 그냥 js파일들이 청크파일로 나눠지면서 새로운 해시값을 받아서 그런 거 같아서 이상한 파일이 생긴 것도 그런갑다.. 하고 넘겼다

원인

ChunkLoadError 발생하는 이유는 여러가지가 있지만 나의 경우에는 해당 청크파일을 찾을 수 없는 것 + 빌드 오류인 것 같았다.

해결책

  1. dist 폴더를 삭제 후 다시 빌드
  2. 브라우저 캐시를 삭제

참고

https://velog.io/@aiden-goo/Chunk-Load-Error-in-JavaScript
https://velog.io/@goon126/%EC%B2%AD%ED%81%AC-%EC%97%90%EB%9F%AC

profile
어서오세요.

0개의 댓글