🙃

Next.jsのFast Refreshが上手くいかない.【windows+wsl2+docker】

に公開

環境

Win11
wsl2
docker
Ubuntu-20.04

導入の参考

Windows+WSL2でDocker環境を用意しよう

起きたこと

Next.jsのFast Refresh(Hot Reload)が上手くいかない.

原因

mnt/c以下はフォルダの中身が見れなくなるらしい.

解決方法

mnt/github/{clone_repository}にした.
その後,ls -lで権限を見てみると,rootしか受け付けなかったので,権限をUserに変更.

WSL2でDockerを使用する際の権限問題を解決するシンプルな方法(docker-compose.yml使用)

ちなみに,WATCHPACK_POLLING=true関連の記事もあったが,今回の不具合には関係なかった.
もし,そっちが原因ならこの記事を見てみてください.

DockerでNext.jsの開発環境を作成した際、Fast Refreshが効かない問題を解決

Discussion