如何在运行 React Native 应用程序的 iOS 设备中启用实时重载？

Question

I'm trying to enable Live Reload mode, but there is no such item in Dev Menu:

Answer 1

You have this problem is mainly because your device and your development machine is not in the same LAN. check if it is. Make sure your computer and your device connected in the save LAN, everything will be ok.

After all ur devices connected to the same LAN. And if u are using Xcode.

1. Close the React Native packager (or just close the terminal window)
2. Delete the app in your iOS device
3. Clean Xcode project.
4. Run command npm start -- reset-cache

Then everything will be OK.

Answer 2

You need to edit the source for jsCodeLocation from your AppDelegate.

The main problem that the

jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

is looking for localhost by default, in simulator it will work as simulator and pc are on the same machine, but for device localhost will be different so to make it work, you need to change that line to

jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.16:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true"];

here 192.168.1.16 change it to your PC local IP address

Answer 3

If u are using IOS Simulator, follow the menu Hardware > Shake Gesture , and click the Enable Live Reload option.

Hope it helps! :)

Answer 4

If you are running the simulator, make sure you sure you "Connect Hardware Keyboard"

Answer 5

In my case, I had a local ethernet connection that was taking priority on en0, so I had to change the script at:

node_modules/react-native/react-native-xcode.sh

from

IP=$(ipconfig getifaddr en0)

to

IP=$(ipconfig getifaddr en1)

since my wifi was on that port. Verify that with terminal: networksetup -listallhardwareports

---

All this I learned from the following blog post:

https://www.stevetrefethen.com/blog/react-native-bundle-loading-failing-on-a-physical-device

Thanks Steve Trefethen!

---

I'm not sure what the permanent solution should be, but it seems the script should be checking for wifi only connections somehow.

Answer 6

If you are running the app on your actual native device. Then shake the device and it will pop up the me menu.