Hot Reloading is not working

[williamliangwl]

• [ x ] I have reviewed the documentation
• [ x ] I have searched existing issues
• [ x ] I am using the latest React Native version

Hot Reloading is not updating the view in Android device even we have made changes. It happens after a Reload triggered from the device.

I have tested this issue in v0.55.2, 0.54.0 and 0.53.3. The only version that has hot reload still functioning well is 0.53.3, this problem starts occuring from 0.54.0

Environment

OS: Windows 10
Node: 6.11.5
Yarn: 1.3.2
npm: 4.6.1
Watchman: Not Found
Xcode: N/A
Android Studio: Version 3.0.0.0 AI-171.4443003

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.2 => 0.55.2

Steps to Reproduce

1. Run react-native init NoHotLoad
2. Run react-native run-android
3. When the project loaded, enable the Hot Reloading
4. Make changes to the App.js, like editing the text. The change should appear in the device.
5. Do Reload on the device
6. Repeat step 4, but the change won't appear at the device. Just a toast of Hot reloading appears.

Another scenario: after installing the app to the device, replace step 2 above with npm start should also reproduces this problem.

Expected Behavior

The Hot Reloading should be able to hot-reload all the changes, regardless number of attempts of reload.

Actual Behavior

The Hot Reloading only works before a Reload action triggerred

[gilbertkaradja]

Same here.

[williamliangwl]

For the mean time, we decided to downgrade to v0.53.3

[gilbertkaradja]

Im not quite sure what changed but my hot-reload just started working again.

[DavidNorena]

I can confirm neither working for ios

[williamliangwl]

@gilbertkaradja do you mean started working even after a Reload happens ? May I know what version are you using?

@DavidNorena thanks for confirming in ios side!

[cihadturhan]

I have 3 different projects with versions 0.51, 0.54 and 0.55. The first project works fine.
I think this happened after a they announced new metro (v0.52 I guess)

You can see detailed bug and debug report the link above. I don't know when there will be a fix, meanwhile, you can use the simple dirty hack I did for my project:

https://gist.github.com/cihadturhan/dda54a25eae398d7db0b06292f0cac9c

[joe-sky]

Same here. I use the Android simulator and react-native v0.54.4, the hot reloading doesn't work after a reload triggered. When I switch to v0.53.3, there is no problem.

[DavidNorena]

@cihadturhan does it really work, HMR and/or Live Reload, with your hack ?

[cihadturhan]

@DavidNorena yeah. Why should I write if it's not working 😄
Keep in mind that you should work with single emulator/phone

[DavidNorena]

Sorry, lol, I haven't test it yet ! lol I write you later and THANKS !

[amcsi]

I'm getting this same issue on Windows 10. Although hot loading does work sometimes, but even then only for a short time before it just stops actually hot loading (despite the toast "Hot Loading..." appearing).

[deboyblog]

Same issue on Windows 10
react-native: 0.55.2
react: 16.3.1

[williamliangwl]

@cihadturhan I tried your dirty hack in v0.55.3 and it works ! Hope this hack can be a real solution in the metro itself ASAP !

@DavidNorena I tried to follow your steps, but the Hot Reloading stops working after a Reload is triggered ( just like this issue's reproduction step ).

Actually what I have tried is by running react-native init and directly test the reproduction steps. I believe the steps from the create-react-native-app should have the same result

[3210jr]

@cihadturhan Thanks, your solution worked for me!