I can't debug react-native through Wifi after following the instructions

Question

I know that it has been asked many times.

I'm trying to debug a rect-native app through wifi because I need to connect an usb device to the phone.

I have followed the instructions in the documentation.

When I try to reload the app, I have the red screen:

However, When I put the URL in the browser, it works:

Obviously I' missing something here, but I can't figure out what it is.

Any help appreciated.

EDIT: Saw this answer. It allows me to install the app via Wifi but not to debug it :(, still have the red screen of death.

EDIT 2:

Tried to overcome the problem by fetching the bundle with curl and put it in the asset folder for it to be embedded. This part works but I still can't debug, this time I have more subtle error message:

Unable to connect with the remote debugger

CLEARTEXT communication to 192.168.1.61 not permitted by network security policy.

which leads to this question.

EDIT 3: Solved by modifying the existing react native network config file

your phone shouled be connected to the same wifi as your computer — Rebai Ahmed, Aug 20 '19 at 09:35
check your usb then , your device is connected or not , by running adb list — Rebai Ahmed, Aug 20 '19 at 09:37
- Output `$ adb devices`? - Did you set dev-server and port via dev settings? — schogges, Aug 20 '19 at 09:50
@AhmedRebai The app has been installed via usb, now usb is disconnected. — Olivier MATROT, Aug 20 '19 at 09:51
@schogges Phone is no more connected via USB once the app has been installed.That is the point. Yes I set ip and port of the host via dev settings as explained in the instructions — Olivier MATROT, Aug 20 '19 at 09:52
Anyways your phone should be listed at `$ adb devices`. Did you do `$ adb tcpip 5555` and `$ adb connect :5555`? — schogges, Aug 20 '19 at 09:56
@schogges I did just now. adb devices is showing my phone. But the phone still can't connect to the dev server. — Olivier MATROT, Aug 20 '19 at 10:58
Ok maybe it helps if once your phone is connected and visible at `$ adb devices` with it's IP, run `$ react-native run-android` again. If there is still the error, restart bundler, delete the app, `$ react-native run-android` again to reinstall the app and don't forget to set your dev-server's ip and port through dev-settings again (like `192.168.x.x:8081`). — schogges, Aug 20 '19 at 11:31
@schogges This is crazy, the app is correctly reinstalled on the phone via the network, but I can't still access the dev server when loading the JS bundle. Again launching a browser and using the specified URL works like a charm :( — Olivier MATROT, Aug 20 '19 at 12:01

I can't debug react-native through Wifi after following the instructions

0 Answers0

Linked