Windows10(home)+Docker+WSL2+Reactでファイルを変更してもコンパイルが実行されない
解決したいこと
Windows10(home) Docker+WSL2でReactの開発環境を作成したのですが、
App.tsxファイルを変更し保存しても、コンパイルが実行されず、ホットリロードがされない状態です。
どうすればファイルを変更した際に、自動でコンパイルされるようになるか、ご教授ください。
発生している問題・エラー
特にエラーは発生していません。
Windows10(home)でDocker+React環境を作成した手順
Docker version 20.10.11
- reactworkフォルダを作成
- VsCodeでreactworkフォルダを開き、Dockerfile、docker-compose.ymlを作成
FROM node:latest
WORKDIR /usr/src/app
version: "3"
services:
node:
build: .
ports:
- "3000:3000"
volumes:
- ./app:/app
environment:
- CHOKIDAR_USEPOLLING=true
stdin_open: true
command: sh -c "cd react-sample && yarn start"
- VsCodeのターミナルでコマンドを実行
docker-compose build
docker-compose run --rm node sh -c "yarn global add create-react-app && create-react-app react-sample --template typescript"
docker-compose up
- chromeでhttp//localhost:3000にアクセスすると、Reactのページが表示される。
- App.tsxの内容を変更し保存しても、コンパイルが動かず、ブラウザの表示も変わらない。
よろしくお願い致します。