androidreact-native

Could not connect to React Native development server on Android


When I run react-native run-android, it gives me the following error:

Could not connect to development server

Error screen

How to fix this error?


Solution

  • From the Docs: http://facebook.github.io/react-native/docs/running-on-device.html#method-2-connect-via-wi-fi

    Method 2: Connect via Wi-Fi

    You can also connect to the development server over Wi-Fi. You'll
    first need to install the app on your device using a USB cable, but
    once that has been done you can debug wirelessly by following these
    instructions. You'll need your development machine's current IP
    address before proceeding.

    Open a terminal and type /sbin/ifconfig to find your machine's IP address.

    1. Make sure your laptop and your phone are on the same Wi-Fi network.
    2. Open your React Native app on your device.
    3. You'll see a red screen with an error. This is OK. The following steps will fix that.
    4. Open the in-app Developer menu.
    5. Go to Dev Settings → Debug server host for device.
    6. Type in your machine's IP address and the port of the local dev server (e.g. 10.0.1.1:8081).
    7. Go back to the Developer menu and select Reload JS.