November 2016 - Posts

If you’re new to Ionic 2, you might have encountered some issues getting started debugging.  While you can usually debug fairly easily in the browser, when it comes to debugging on the device, there are some extra steps.

First, install the extension ionic2-vscode. This will give you the options in the debug menu to start the process. 

Ionic2VSCodeDebugMenu

However, before you start that, you need to make a change to package.json so that your breakpoints will be hit.  Change your “build” line to the following:

"build": "ionic-app-scripts build --dev",

The key there is to add the --dev parameter.  Now you can hit the debug button and wait.  It will take a while to startup but once it is running, the app should be on your device and your breakpoints will get hit.

If you have never deployed to your Android device before, you might try running “ionic run android” at the command line first to see if you have any other issues to resolve.