環境
- Windows 10
- Ubuntu 18.04.5 LTS
- npm 6.14.9
- expo 4.0.17
- Visual Studio Code 1.52.1
現象
Windows Subsystem for Linux (WSL) の /home/{ユーザー名} 配下に React Native プロジェクトを作成。
Visual Studio Code でプロジェクトを開き、Project/App.js を変更して保存しても、ホットリロードが動作しない。
ターミナルで直接 App.js を編集すると、ホットリロードが走る。
原因
Visual Studio で下記のディレクトリパスを参照していたため、ファイル変更の監視システムが動作していなかった。
C:\Users\{Windowsのユーザー名}\AppData\Local\Packages\CanonicalGroupLimited.UbuntuonWindows_79rhkp1fndgsc\LocalState\rootfs\home\{WSLのユーザー名}\work\reactnative\Project
下記のパスでプロジェクトを開けば解消した。
\\wsl$\Ubuntu\home\{WSLのユーザー名}\work\reactnative\Project
参考
下記の記事を参考にさせていただきました。ありがとうございました。
WSLとwindows間のファイル連携
https://qiita.com/quzq/items/1096c638c0d86795be13