Hot reloading (fast refresh) not working on iOS/Android

See original GitHub issue

Describe the bug In a fresh create-react-native-web-app, I tested fast refresh on both iOS and Android and it seems to not work. The hot reloading does work on the web version, though. I have to manually press ‘r’ in the Metro Bundler window, or press Refresh from the debug actions in the app. Fast refresh works for another React Native app I have on both iOS and Android (was not created from create-react-native-web-app). I reproduced this on two different MacOS machines.

To Reproduce

npx create-react-native-web-app MyApp
cd MyApp
npm run android (or npm run ios)

wait for app to load, then open up src/App.js and change some text, save the file observe that no change happens in the app press ‘r’ in the Metro Bundler window observe that the app now has the change

Version Details

$ npx create-react-native-web-app --version
npx: installed 13 in 2.353s
0.15.4

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
JessicaYehcommented, Apr 13, 2020

Excellent!! I just tried the new version and fast refresh is indeed working now! That’s very interesting how that babel config was the culprit 🤔 Will definitely let you know if I run into any other issues!

2reactions
JessicaYehcommented, Apr 12, 2020

Thank you!! I truly appreciate your help, my team is currently evaluating options for React Native + Web and so far yours seems very promising!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Expo Client Hot Reload: Doesn't Register Saved Changes
Physical phone was picking up changes no problem. The fix for me was to delete the Expo app from the simulator phone, and...
Read more >
Flutter Hot reloading not working in android studio(mac)
Flutter Documentation says "Hot reload loads code changes into the VM and re-builds the widget tree, preserving the app state; ...
Read more >
Fast Refresh with Expo Web! ‍♂️ - DEV Community ‍ ‍
On web this will update the DOM without reloading the page, this means the state will remain the same across updates. To fully...
Read more >
Hot reload - Flutter documentation
Flutter's hot reload feature helps you quickly and easily experiment, build UIs, add features, and fix bugs. Hot reload works by injecting updated...
Read more >
Introducing the .NET Hot Reload experience for editing code ...
With Hot Reload you can now modify your apps managed source code while the application is running, without the need to manually pause...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found