No apps connected. Sending "reload" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB

Question

React Native app debug on real device has some problems;

My metro bundler console gives warn:

warn No apps connected. Sending "reload" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB.

warning and that cause real IOS device connection problem.

When I try to reload my react native app from Chrome React Native Debugger, it gives above warning and I can not debug my code from on Chrome

react-native: 0.62.2,

IOS: 13.6

It happens on Real device connection. When I work with IOS simulator, there is not problem.

NOTE: My phone and macbook on SAME wi-fi network.

So problem is not related to different wi-fi network usage.

Azylaans · Answer 1 · 2020-11-18T14:31:50.433

28

⚠️ For iOS users :

Check that your build target is Debug :

Xcode Product => Scheme => Edit Scheme => Debug (and not release ! )

⚠️ For Android users :

I have found a solution that I posted on github. Not the best but it could be useful:

First, you have to open MainApplication.java and remove import com.facebook.react.BuildConfig;

Next, follow these steps :

    # Reset metro bundler cache : 
    `npx react-native start --reset-cache`
        
    # Remove Android assets cache : 
    `cd android && ./gradlew clean`
        
    # Relaunch metro server : 
    `npx react-native run-android`

And see the magic

See here : https://github.com/facebook/react-native/issues/29396

edited Nov 18 '20 at 14:31

answered Nov 18 '20 at 14:25

Azylaans

675
6
17

1

you saved my day. Thanks a lot. – Omer Akkus Aug 19 '21 at 21:26
That did not help. – v7r May 14 '22 at 02:05

Vaibhav Saini · Answer 2 · 2021-07-01T05:57:06.793

13

Running this worked for me for a Physical Android Device.

adb reverse tcp:8081 tcp:8081

or

npm run android-connect

If you face an error saying 'More than two devices are running', make sure that the emulators like BlueStacks are not running.

edited Jul 01 '21 at 05:57

answered Jun 11 '21 at 16:14

Vaibhav Saini

131
1
3

1

`adb reverse tcp:8081 tcp:8081` did the trick for me. useful since sometimes my physical android device seems to lose connection. this is instant fix, as opposed to cleaning gradle and rebuilding android – Fre Timmerman Oct 26 '21 at 12:55

score 12 · Answer 3 · answered Jul 17 '20 at 09:52

Your iPhone has to be connected to the same network (WiFi for example) as your Mac, because they have to communicate with each other (React Native Doc).

If it's already the case, then fill in the DCHP server manually on your iPhone and Mac, using Google's server (8.8.8.8), because it could be due to DHCP problems.

You may need to disconnect and reconnect to your Wifi.

score 8 · Answer 4 · answered Apr 30 '21 at 09:41

For me I need to set the bundler location in my app from "localhost:8081" to "192.168.1.XX:8081" which is my computer's local IP address where Metro bundler runs on and the port is 8081.

If you don't know which port your bundler runs on you can specify it as a parameter like:

npx react-native start --port 8081

Then you need to specify the location in your development app. To do that:

Shake your device
Click change bundle location (I am on RN 0.64 it may differ in yours)
Give the bundler location of your computer's IP and port where Metro bundler runs on like:

and they started to communicate with each other.

score 7 · Answer 5 · answered Sep 15 '20 at 09:51

7

My problem was that I was not connected to the same WiFi on my Mac and Iphone.I turned the wifi off and back on on both devices, and made sure both the mac and Iphone was connected to the same WiFi. Annoying, but true!

answered Sep 15 '20 at 09:51

jsog

776
7
10

score 3 · Answer 6 · answered Jun 08 '21 at 10:51

3

On Android, this may also happen due to a problem with the network security config. If you do use the network security config, try removing the line android:networkSecurityConfig="@xml/network_security_config" from AndroidManifest.xml

answered Jun 08 '21 at 10:51

Burak

594
1
10
18

score 2 · Answer 7 · answered Nov 12 '20 at 14:30

Your iPhone & mac must be connected to the same network. If both device connected to same network you must check local network availability for your app. (this happened to me on a iOS 14.0 running device).

check local network - iOS 14
Settings -> Privacy -> Local Network

score 1 · Answer 8 · answered Oct 01 '20 at 17:18

1

My problem was that the emulator I was using had airplane mode turned on (because I tested related functionality). The problem resolved when I turned it off, thus enabling network to operate as usual.

answered Oct 01 '20 at 17:18

atoth

766
1
7
19

score 1 · Answer 9 · answered May 18 '22 at 07:30

What worked for me in this scenario was these steps

run server with --reset-cache
run npx jetify
open the project in adroid studio
go to refactor -> Migrate to AndroidX (this was the step that i was missing earlier)
start your emulator
run the app from android studio and it should work

score 0 · Answer 10 · answered Dec 08 '20 at 05:29

0

yarn start web

you can use this command to scan the QR code and see the app in you EXPO app at you mobile

answered Dec 08 '20 at 05:29

spoorthi vaidya

349
3
7

score 0 · Answer 11 · answered Feb 19 '21 at 03:37

0

My problem is that the device is not connected to the internet. Throws the error. Try connecting stable internet connection.

answered Feb 19 '21 at 03:37

Rushabh Shah

620
4
21

score 0 · Answer 12 · answered Jul 03 '21 at 14:13

0

What did the trick for me was the following: In Xcode go to Debug/Detach from YourAppName Then reattach it by going to Debug/Attach to Process, select your app from the list (usually the first entry at the top).

answered Jul 03 '21 at 14:13

gignu

878
1
9
17

score 0 · Answer 13 · answered Aug 03 '21 at 05:21

0

You musk permit local network in the application setting in iOS. Otherwise, Metro can not find your app even in the same network.

answered Aug 03 '21 at 05:21

xiaolun

23
8

score 0 · Answer 14 · edited Sep 14 '21 at 06:29

0

When I remove network_security_config.xml and remove the following:

  `android:networkSecurityConfig="@xml/network_security_config"`

It works

edited Sep 14 '21 at 06:29

Salahuddin Ahmed

3,154
3
10
33

answered Sep 13 '21 at 12:15

Yusuf T.

33
3

Please provide more details how this solves the problem. – Roman Sep 14 '21 at 09:12

score 0 · Answer 15 · answered Jan 06 '22 at 00:33

0

For iOS on Xcode:

Go to Window > Devices and Simulators, Go to "Installed Apps" section, Click on +, Pick your app , Run your code.

(This issue happened to me when I run the app after I uninstalled it from the device)

answered Jan 06 '22 at 00:33

Meliodev

1

Jakov Gl. · Answer 16 · 2022-01-07T00:55:29.033

0

I tried everything and after running

adb reverse tcp:8081 tcp:8081
yarn android

it worked.

edited Jan 07 '22 at 00:55

answered Jan 06 '22 at 22:56

Jakov Gl.

171
2
9

score 0 · Answer 17 · answered Jan 19 '22 at 10:38

0

For me the solution was to remove the installed app and build run in Xcode again.

answered Jan 19 '22 at 10:38

Patrik Rikama-Hinnenberg

964
1
11
20

score -1 · Answer 18 · answered Dec 12 '20 at 08:13

-1

My problem was that i added --variant=release

npx react-native run-android --variant=release

So i remove it and worked for me.Like this:

npx react-native run-android

answered Dec 12 '20 at 08:13

masoud sharifi

93
5
16

No apps connected. Sending "reload" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB

18 Answers18

Linked