結構な時間詰まってしまったので、備忘録として残しておきます・・・
【環境】
React(17.0.2)
Docker for windows
TypeScript(4.6.2)
Windows
【状況】
localhostを起動して、tsxファイルを上書きしても
ターミナルが動かない。
ホットリロードが起動しないので、毎回npm startをしなければならない・・・
【試したこと】
記事で多かったのは下記の記載。しかし効果無
.env
CHOKIDAR_USEPOLLING=true
docker-conpose.yml
environment:
- ....
- CHOKIDAR_USEPOLLING=true
【実際の解決策】
色々調査した結果、Windowsを使用していて、react-scripts 5.xx以降を使用している場合、CHOKIDAR_USEPOLLINGは機能しないとのこと。
下記の記載で、ホットリロードが動きました。感動した。。
package.json
"scripts": {
"start": "WATCHPACK_POLLING=true react-scripts start",
"build": ...
},