Hot reloading does not update changes

Question

I have a react native app, right now when I make changes to it hot-reloading is triggered but the changes do not show up in the app. E.g. changing a background color from green to white in a stylesheet causes app to say "Hot Reloading" but then the color stays white. Fully reloading the app will then show the green background.

Things I have tried:

Setting root component to a class.

Removing yarn.lock

Reinstalling watchman

Trying to set MAX_WAIT_TIME (did not work due to solution being outdated)

Installing Babel Functional HMR

Running simulator via Xcode and react-native run-ios.

Running with only hot-reload, both hot-reload and live-reload, only live-reload. With and without remote-debugging.

System:
MacOS: 10.13.2
React-Native: 0.51.0
React-Native-Cli: 2.0.1
Xcode (for running the simulator): 9.2

What is going wrong here? How can I get hot-reloading to work?

EDIT:

Looks like this is an bug. Keeping this question open incase someone has a workaround.

Logister · Accepted Answer · 2017-12-30 22:07:27Z

1

Downgrading to react-native 0.48.4 solved the problem. Still not an optimal solution, so I won't mark this as the answer.

answered Dec 30, 2017 at 22:07

Logister

1,9141 gold badge25 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rob · Accepted Answer · 2018-03-27 11:05:14Z

_# ###SOLUTION

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

OUTPUT will be : c:\Users\lenger\Desktop\webrowser>react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res Scanning folders for symlinks in c:\Users\lenger\Desktop\webrowser\node_modules (43ms) Scanning folders for symlinks in c:\Users\lenger\Desktop\webrowser\node_modules (38ms) Loading dependency graph, done. bundle: start bundle: finish bundle: Writing bundle output to: android/app/src/main/assets/index.android.bundle bundle: Done writing bundle output

and after

Run react-native run-android again, you will find your modification work.

Thanks to : [https://lengerrong.blogspot.am/2018/01/react-native-run-android-do-not.html][1]

Praz Solver · Accepted Answer · 2018-04-13 06:13:07Z

0

Try,

rm -rf /usr/local/var/run/watchman && npm uninstall watchman && npm install watchman

or

rm -rf /usr/local/var/run/watchman && brew uninstall watchman && brew install watchman

Then

react-native run-android

answered Apr 13, 2018 at 6:13

Praz Solver

5434 silver badges12 bronze badges

1 Comment

David Noreña Over a year ago

what are your arguments for posting that answer ?

Collectives™ on Stack Overflow

Hot reloading does not update changes

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related