Windows에서 React(Vite) & Next.js 자동 새로 고침 문제 해결 방법
(dev.to)Windows 환경에서 React(Vite) 및 Next.js 개발 시 파일 변경 사항이 즉시 반영되지 않는 HMR 오류를 해결하기 위해 폴링(Polling) 설정을 적용하거나 WSL2 파일 시스템 위치를 조정하는 구체적인 기술적 방법을 제시합니다.
이 글의 핵심 포인트
- 1Windows 환경에서 Vite 및 Next.js의 HMR(Hot Module Replacement)이 작동하지 않는 현상 발생 가능성
- 2Vite 사용 시 vite.config.ts에 usePolling: true 설정을 추가하여 해결 가능
- 3Next.js에서는 Turbopack 대신 Webpack을 사용하도록 설정한 후 watchOptions.poll 적용 필요