웹팩 존속성 오류 해결하기

개인 프로젝트를 진행하면서 테스트 하려고 yarn dev를 하였다.
그런데 [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Unable to snapshot resolve dependencies 이런 오류가 나타났다.
난생 처음 보는 오류였다.
이 오류를 해결해 보려고 구글링을 하였다.
알아보니 웹팩 존속성 문제였다고 한다..
즉 캐시 전략이 서로 충돌했다고 한다.

그럼 어떻게 이 오류를 해결해야 될까?

next.config.js에 들어가서
webpack5: true, webpack: (config, options) => { config.cache = false; return config; },
이것을 추가해 준다.
이게 무엇이나면 웹팩의 캐시 전략을 바꾸는 설정이다.
Next.js에서는 웹팩의 기본 캐시 전략 대신에 next-build-id와 같은 고유한 빌드 ID를 사용하는 전략을 사용한다.
이것은 다른 캐시 전략과 충돌을 일으킬 수 있다.
그래서 위에 설정으로 캐시 전략을 비활성화 할수 있다.

이것으로 웹팩 존속성 오류 문제를 해결하였는데 빌드는 느려질 수 있다. 그래도 캐시 전략과 충돌을 방지할 수 있으니 좋다.