LocalKit Debugger Chrome Dev Tools - How to add breakpoints to source?

[ephraimt]

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.

[Andi]

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.