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.

Answer 1

⚠️ 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