[Next.js] Fast Refresh가 작동하지 않던 문제

문제

---

tsx 파일의 내용을 수정해도 페이지에 반영이 되지 않고, 서버를 재부팅해야 반영되었다.

---

환경

---

Ubuntu - 22.04 (WSL)
VS Code
Next - 14.0.4
React(+DOM) - 18.2.0

---

 

시도

---

Next.js 및 React.js 다운그레이드 - 효과 없음

---

 

해결

---

package.json에서 서버를 실행하는 명령어인 next dev 앞에

"WATCHPACK_POLLING=true"를 추가하니 됐다.

"scripts": {
    "dev": "WATCHPACK_POLLING=true next dev"
  }

 

---

원인

---

WSL에서 나타나는 현상인 듯하다.

참고 : https://github.com/vercel/next.js/issues/36774#issuecomment-1438324196