CODEWITHSUNDEEP
react-native
Kevin Le - Khnle
Kevin Le - Khnle

Reputation: 10857

Running React Native Android on device

I followed this official help page and also consulted this previous SO question.

But I still don't know what is wrong here.

enter image description here

Let's take step by step:

  1. Ensure the package server is running. From the screenshot, you can see the command I typed "react-native run-android" and the reponse "Starting JS server..."

  2. Ensure your device is connected... Yes, Vysor sees my device. Wee see Vysor showing the app running in the screenshot.

  3. ...USB enabled Yes, the app is running, that's why we see the red error screen, but it's the app running nevertheless.

  4. Run "adb reverse tcp:8081 tcp:8081" Yes, the screenshot shows that I ran the command.

  5. Device and port... Yes, did that too. See next screenshot

enter image description here

What am I still doing wrong? How can I make it work?

Upvotes: 7

Views: 16964

Answers (4)

Noor
Noor

Reputation: 997

Try

adb reverse tcp:8081 tcp:8081
react-native start --reset-cache
react-native run-android

Upvotes: 0

wheresmehat
wheresmehat

Reputation: 11

I was stuck at this exact step and finally I checked my firewall and lo and behold it was blocking the connection from my device to my computer. I unblocked it and after a reload everything worked.

Upvotes: 1

Andru
Andru

Reputation: 6184

  • Run npm run start in one console window to start the react-native development server.
  • Then open a separate console window to run react-native run-android.

I sometimes ran into problems if I don't start the development server in a separate console window.

Further notes:

  • Make sure that your device is shown if you run $ adb devices in your console.
  • Note that adb reverse tcp:8081 tcp:8081 only works for Android versions 5.0 and up.

Upvotes: 13

Balkana
Balkana

Reputation: 706

Could you provide us the screenshot of React Packager - run 'npm start' before doing 'react-native run-android'.

I am using Visual Studio Code with React Native tools extension that takes care of port forwarding, deploying the app to device/emulator and it works okay - I get similar screen at start, but clicking 'Reload' takes care of it.

Upvotes: 4

Related Questions