Hot reloading (fast refresh) not working on iOS/Android
See original GitHub issueDescribe 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:
- Created 3 years ago
- Reactions:2
- Comments:6 (3 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
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!
Thank you!! I truly appreciate your help, my team is currently evaluating options for React Native + Web and so far yours seems very promising!