react-boilerplate: Hot-reloading not working on clean install

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.

About this issue

Original URL
State: closed
Created 8 years ago
Comments: 18 (10 by maintainers)

Commits related to this issue

Fixes #255 — committed to react-boilerplate/react-boilerplate by oliverturner 8 years ago

Most upvoted comments

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

gihrig on Dec 11, 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?

hossein761 on Dec 6, 2016

Gotcha. Thanks for the help.

JCB-K on Apr 6, 2016