Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hot-reloading not working on clean install

See original GitHub issue

Hot-reloading does not seem to be working for me, on a completely fresh install of v3.

Steps to recreate:

git clone git@github.com:mxstbr/react-boilerplate
cd react-boilerplate
git checkout v3.0.0
npm run setup
npm run clean
npm start

Open app in Chrome
Change a string in app/components/HomePage/index.js

Expected behaviour:

string gets changed in browser

Result:

[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.
[WDS] App updated. Recompiling...
[WDS] App hot update...
[HMR] Checking for updates on the server...
XHR finished loading: GET "http://localhost:3000/39a7e2268207762c02b4.hot-update.json".
[HMR] The following modules couldn't be hot updated: (They would need a full reload!)
[HMR]  - 643
[HMR] Nothing hot updated.
[HMR] App is up to date.

I’m not entirely sure how to debug this, but I’d be happy to assist.

Issue Analytics

State:
Created 7 years ago
Comments:18 (10 by maintainers)

Top GitHub Comments

2reactions

gihrigcommented, Dec 11, 2016

This is, unfortunately a known issue:

Hot module reloading does not work with ‘function’ or ‘pureComponent’ based components.

If hot reloading is really important to you, I suggest as a workaround, that you use React.Component, even just temporarily, while you are working on page content.

The proposed fix for this issue is being discussed at #1068

1reaction

hossein761commented, Dec 6, 2016

Hi, I am having the same issue here. but the browser does not get refreshed. I see the code recompiles but not the browser. Any ideas?