Hello All!!
I am in the middle of developing an Ionic 1 app for my work and I am looking into Ionic 2, so I have some experience with ionic. Here is my issue.
I am using visual studio code for development. I created a ionic 2 sidemenu app. I used the ionic serve command to serve the app to the chrome browser. After that I created a configuration in the launch.json file to attach to chrome for debugging. This is how I have been debugging in vscode for my ionic 1 app and it works great.
The issue is when I change any code in any .ts or .html files. Of course ionic automatically sees that I changed the code and then recompiles and updates the app and refreshes the page in the chrome browser. Every time it does this, vscode opens up the polyfill.js code file in a tab and the code stops somewhere in the polyfill.js code file. I then have to click play in vscode to continue. This is incredibly annoying and slows down development.
Anybody have experience with this and have a fix for this?
Launch Config Attach:
{
"name": "Chrome Attach",
"type": "chrome",
"request": "attach",
"sourceMaps": true,
"port": 8200,
"url": "http://192.168.1.9:8200",
"webRoot": "${workspaceRoot}/src"
}