ChunkLoadError: Loading chunk

프로젝트를 진행하면서 로컬에서 테스트 중 발생한 청크 에러.

원인

웹팩 설정을 하지 않으면 js파일이 청크파일로 나뉘면서 해시값을 부여받게 됩니다.
청크파일이 바뀌게 되면 해시값도 바뀌게 되는데,
이 때 서버에는 파일명이 변경된 새로운 파일이 배포되어 있고, 사용자의 브라우저에 변경 전 파일이 캐시되어 있을 경우 이를 서버에 요청을 하기 때문에 발생하는 것이라고..

해결

다양한 해결 방법이 있는데 로컬에서 발생했으니 캐시를 지우는 것부터 시작해보았습니다.
캐시를 지우고도 에러가 발생하여 build를 다시 하여 파일이 다시 변경되도록 해보자 생각하고 진행해보았습니다.
build를 진행하고 한 번 더 캐시를 지워준 후 npm run dev를 해주니 해결!

하지만 찝찝합니다.. 참고한 블로그들을 보았을 땐 다양한 원인과 해결 방법이 기재되어 있었는데 그거에 비해 간단하게 해결이 된 거 같아요.
원인을 잘 이해하고 해결한 것이 맞는건지..🤔