React-native: React Native Dev tool lauching error

Created on 8 Feb 2018  路  19Comments  路  Source: facebook/react-native

I am requesting to launch dev tool but it forwards to http://10.0.2.2:8081/debugger-ui

Locked

Most helpful comment

Solved the issue for me following:

Press Cmd + M on emulator screen
Go to Dev settings > Debug server host & port for device
Set localhost:8081
Rerun the android app: react-native run-android
Debugger is connected now!

All 19 comments

@facebook-github-bot no-template

Something went wrong executing that command, @mkonicek could you take a look?

@varunajmera0 try killing the process of your browser and emulator. Run adb kill-server to remove your attached devices. Restart your emulator and rerun the remote debugger. The remote debugger should be pointing to your localhost:8081/debugger-ui

I am using react native from past few months and never came across this error so why to kill the server, can you explain how it will help? How come this error came from nowhere I don't know. @blazergame

I had a similar issue last night. It seems like the emulator is connecting to an old debugger session. By resetting that connection, it'll create a new connection to reconnect with. If that didn't work, it might be something else that I'm not too sure of.

I have just deployed one app with "react-native": "0.52.2". It doesn't happen with this version ( "react-native": "0.52.2"). It is happening only with "react-native": "0.53.0".

Hey, thanks for reporting this issue!

It looks like your description is missing some necessary information, or the list of reproduction steps is not complete. Can you please add all the details specified in the template? This is necessary for people to be able to understand and reproduce the issue being reported.

I am going to close this, but feel free to open a new issue that meets the requirements set forth in the template. Thanks!

What kind of description is missing or list of reproduction steps?
Your Dev tool is not launching.

See again, every time I have to write manually this http://localhost:8081/debugger-ui/
image

I have same issue with 0.54.
Why is react-native bridge asking Chrome to access http://10.0.2.2:8081/debugger-ui
?
this is an internal address within emulator and will not be accessible by chrome.

Not clear why this issue is closed, has it been resolved or is this a user error?

@vladp they won't give any response. Before 0.54, I didn't get that error.

Try to access the debugger with your local address : http://127.0.0.1:8081/debugger-ui/ or http://localhost:8081/debugger-ui/ because 10.0.x.x is not accessible by chrome.

Any updates on this?

Solved the issue for me following:

Press Cmd + M on emulator screen
Go to Dev settings > Debug server host & port for device
Set localhost:8081
Rerun the android app: react-native run-android
Debugger is connected now!

@devmrin 's solution works for me. Thanks.

Use actual device for debugging

The solution by devmrin commented on May 17 works for me too

@devmrin solution will work.

the perfect solution for this issue is:
Inside your emulator:
Press Cmd + M ( on Mac) or Ctrl+M ( on windows)
Go to Dev Settings and under Debugging menu click

Debug server host & port for device
Set it to
localhost: 8081.
Reload the app.

Was this page helpful?
0 / 5 - 0 ratings