CODEWITHSUNDEEP
reactjsreact-nativereact-reduxreactive-programming
Sahil Kataria
Sahil Kataria

Reputation: 30

How we can debug React-Native application?

I am using google chrome for debugging the react native app but in the source code tab, I am not able to see .js files. For debugging I am using physical device.

Any body know about the solution? Is there any better method to debug the react native app?

Upvotes: 1

Views: 2037

Answers (3)

gprathour
gprathour

Reputation: 15333

If you're working on Visual Studio Code and want to debug your React Native app just like all other IDEs, then you can take help from React Native Tools extension provided by Microsoft.

You can read all steps in detail in my this answer.

Upvotes: 0

Nguyễn Hữu Cường
Nguyễn Hữu Cường

Reputation: 11

Curently, there's no react native debugger which can show you the .js files but you can debug the UI by this library: [https://github.com/facebook/react-devtools][1]

You can also config your IDE to jump to the source code by clicking on the error message by edditing your .bashrc

Upvotes: 0

knightburton
knightburton

Reputation: 1164

To debug a react-native app there is a react native debugger. It’s available on iOS and Windows as well. However, on Windows you have to download it manually from github. After you installed and started the debugger you can connect to it from the app emulator from the developer menu (command + d on iOS command + m in case of android emulator, on Windows you can use ctrl + m).

https://github.com/jhen0409/react-native-debugger

Upvotes: 2

Related Questions