Unable to debug React Native in Android Studio

Question

I am trying to work on react native for android application development. I am using android studio for that, but I am unable to debug the .js files developed for react native. Whenever there is any problem with code its giving me error, Unexpected Token, I am unable to know that how to debug or get proper error. Is there any framework available to work on React native for Android app development. I have already figured out a lot but unable to get any solution to debug android app based on React Native.

Answer 1

You can debug JavaScript code, console.log etc in Chrome. You have to select "Debug in Chrome" from the developer menu on device first and that will open a new tab on Chrome at localhost:8081/debugger-ui. However, to debug in Chrome, keep in mind you have to install React Developer Tools on Chrome https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi