I have a react native android app that i am currently debugging on a windows machine with a android emulator.
I can hit http://localhost:8081/debugger-ui
And it tells me that
React Native JS code runs inside this Chrome tab. Press ⌘⌥J to open Developer Tools. Enable Pause On Caught Exceptions for a better debugging experience. Status: Waiting, press ⌘R in simulator to reload and connect.
When I open up the chrome developer tool, I do not see my react code being loaded into the “source” of that tab.
So my question is, how do I make it so that my phone loads the react stuff into the chrome tab? I wish to at least see the console.log stuff appearing in my chrome developer tool.
OK. Found what to do:
- Ctrl + M to open up some “developer menu”
- click on enable remote JS debugging
- Depending on your react native version, chrome may or may not open up the debugging tab. But in any case, go to localhost:8081/debugger-ui should do it.