![]() It would have been good if I could skip steps 1 and 2 for debugging expo projects, but as of WebStorm 2020.2 this is not possible. no need of steps 1 and 2 for non-expo projects. However, if I debug a normal non-expo react-native project in WebStorm, then a break point in WebStorm will be hit without having to set break point in debugger's chrome instance dev tools i.e. Also, at the same time in WebStorm the same break point as in chrome dev tools will be hit, and from this point onward developer can either debug in chrome dev tools or in WebStorm. ![]() To remove breakpoint just click on same symbol. At least you can use output objects or use console.table. When expo app reloads in android emulator, then automatically the code will break at break points set in step (2) above. Intellij Idea - Debugging Right-click on the red circle symbol. The most used way to debug is simple console.log but you can do better. (3) Click on Reload button in debugger's chrome instance (2) Set one or more break points in App.js and/or custom components (this must be done in chrome dev tools instance that was opened in step 1 and NOT in your cod editor/IDE) (1) Open Dev Tools in debugger's chrome instance For expo project debugging to work in WebStorm, the following steps needs to be done. There are some important points to note when debugging expo project in WebStorm. ![]() I was able to finally debug an expo react-native project in WebStorm. How to debug a React app javascript webdev react debug Introduction Since I started working as a software developer, I find myself spending the majority of the day debugging a big react app. How to debug a React app - DEV Community How to run/execute/debug react/redux app from Intellij Debugging React Apps Created With Create React App cool.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |