Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
LocalKit Debugger Chrome Dev Tools - How to add breakpoints to source?
-
I have tried debugging my code through Monaca LocalKit Debugger and directly through Chrome DevTools (inspect) but I don’t see how I can put breakpoints in the source code.
How do I even see the original source code (App.jsx, for example)? All I can see when debugging are the compiled bundle files, such as app.bundle.js.
-
For what concerns the breakpoints, it has nothing to do to Localkit itself, you should check Chrome Dev Tools documentation. For example:
https://developers.google.com/web/tools/chrome-devtools/javascript/add-breakpoints
I don’t have too much experience in debugging JSX, but I’m not sure you can do it with Chrome Dev Tools as the app is the result of the transpiling process.