How to debug typescript in Ionic2

Question

I use typescript in my Ionic 2 project. How to debug my typescript files? I try without a webpack file, but this is not a good solution for this! Can you help me?

Answer 1

To debug your application, use the debugger keyword in your code to set a breakpoint

function myBrokenFunction() { debugger; // do other stuff } 

Read more about here for details.

Answer 2

WebStorm / InteliJ Typescript debugging support . It uses the chrome extension and allows you to set breakpoints in the IDE. This blog post also covers it.

Answer 3

If visual debugging is more than your style, you can check out Batarangle , Angular2 take the Batarang browser plugin.

Answer 4

If you use webpack as an application package, instead of collapsing, try creating a file in the root of the project, webpack.config.js, and write this content:

 module.exports = { devtool: 'source-map' } 

In the typescript configuration file tsconfig.json yuo should have an entry:

 "sourceMap": true