调试react-hot-loader Webpack样板

Question

I have been trying to get a ReactJS Hotloader working.

Specifically, even this boilerplate demo does not work for me: I run npm start , I see "hello world" text in my browser, I see "[WDS] Hot Module Replacement enabled" in my browser console, but when I edit and save the 'hello world' text in App.js the changes are not auto-rendered.

In this troubleshooting page , I fall under this category:

I see “[WDS] Hot Module Replacement enabled” but nothing happens when I edit App.js

If you're running Node 0.11.13, you might want to try updating to 0.12. Some people reported this helped solve this problem. Also make sure that your requires have the same filename casing as the files. Having App.js and doingrequire('app') might trip the watcher on some systems.

OS X also has a rarely-occuring bug that causes some folders to get 'broken' with regards to file system change monitoring. Here are some suggested fixes.

I am running Node 5.6.0 on OSX. I am only trying the boilerplate code from the repository linked above, so the filename casing is all the same as the files. I have tried restarting my machine.

Anything else I could try to get React hot-loading working? Thanks!

Answer 1

Eureka! After many weeks of this causing trouble, I discovered that the issue was related to me backing up my code using Dropbox desktop. Perhaps Dropbox change syncing was conflicting with Webpack polling, or something of that sort.

Hope this will spare someone else the frustration I went through!