Unable to connect to chrome debugger from Device/G

Question

I am having the problem where I am not able to debug my application using chrome debugger. It is too sluggish and heavy to use android studio and use its terminal. Being a javascript styled application(Developing on React native), Android Studio debugging doesn't suit well.

I am able to see the device in chrome(advanced settings). But, when I click on "Debug in Chrome", I get the following error-

Chrome connected Devices-

I am running the following commands in my terminal so that my device gets connected via reverse port forwarding-

react-native start > /dev/null 2>&1 &
adb reverse tcp:8081 tcp:8081

I am running these 2 commands react-native start & react-native run-android so that the app will be installed on the phone & JS bundle loads on the device.

But, the following configurations have been made in Chrome port forwarding-

Please let me know if the port that I am using in chrome wrong? What am I doing wrong in this scenario?

Answer 1

Try opening the debugger in chrome with this url http://localhost:8081/debugger-ui and use a Lollipop device in genymotion