React.lazy의 모듈 로드 실패 이슈와 해결 과정
스토리 · 우아한기술블로그 · 2026.09.15
배민주문접수 웹뷰를 개발하던 중, 네트워크가 끊겼다가 다시 연결되어도 React.lazy를 이용한 화면 전환이 계속 실패하는 문제를 겪었습니다. 원인을 분석해 보니 브라우저의 'module map'이 실패한 모듈 URL을 캐시하여 재요청을 막고 있다는 사실을 발견했습니다. 이를 해결하기 위해 네트워크 상태를 먼저 확인하는 fetch()를 사용하거나, 앱 부팅 직후 주요 화면을 미리 불러오는(preload) 방식을 도입하여 문제를 해결했습니다. 기술적 난관을 공식 문서와 표준 스펙을 통해 돌파하는 과정을 담고 있습니다.