Hot module replacement is not working on Docker environment

[blurfx]

What happened: HMR is not working. It doesn't detect changes, it doesn't hot reload.

What you expected to happen: React development server detect code changes, and hot reload changed module.

How to reproduce it (as minimally and precisely as possible):

1. Run codepair with docker environment using docker-compose.dev.yml.
2. Modify and save some jsx files.

Anything else we need to know?:

• It works well when start dev server with npm start
• containerized development environment is available after #137

Environment:

• Operating system: MacOS 11.6
• Browser and version: Chrome 94

[starkensin]

In my opinion, this is because container file system and local file system are not synced. Can I try this?

[blurfx]

@starkensin Sure!!

[blurfx]

OH MY GOD I just realized that I didn't bind the source code directory. 😱

[starkensin]

When I run docker-compose.dev.yml, it makes problem like this.

Additionally, installing "chokidar" dependency was not a solution.

[blurfx]

Hmm, that's weird. I can't reproduce that problem.

Would you like to try after removing all dependencies and reinstalling?

Could you provide your current development environment? (Operating system, Docker version, etc?)

[starkensin]

Hmm, that's weird. I can't reproduce that problem.

Would you like to try after removing all dependencies and reinstalling?

Could you provide your current development environment? (Operating system, Docker version, etc?)

ok~! But, does the environment affect the problem even if we use docker?

environment

• Docker version: 20.10.8
• OS: macOS catalina 10.15.7
• node version: 14.17.5

[blurfx]

If you use Linux, it can be a problem. but Windows/MacOS Docker uses virtual machines. So, I think not. maybe.

[blurfx]

I tested it in another environment, but there was no problem other than the chokidar compatibility issue. :(

What is printed in Docker logs? Could you try it without -d flag?