Ionic 3.1 - No src folder in chrome dev tools


#1

Just updated to version 3.1 and created a blank project to test it out.

In Chrome dev tools I cannot find the src folder to debug the code running - screen image and info below:

ionic info

Your system information:

ordova CLI: 6.5.0
Ionic Framework Version: 3.1.0
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.5
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.10.0
Xcode version: Not installed


#2

I’m also not seeing ts files in the chrome browser which helps for debugging the ts files. can some one help me with this?


#3

I had the same issue. I got it to work after downgrading the typescript package to 2.2.1 instead of using the latest (2.3.1 as of writing).

I also made sure I had the latest app-scripts package.

package.json:

  "devDependencies": {
    "@ionic/app-scripts": "1.3.6",
    "typescript": "2.2.1"
  },

#4

I got this fixed by updating the @ionic/app-scripts to 1.3.6 version


#5

I suspect it is being caused by the command line interface version - I updated to Ionic 3 as per the instructions but I don’t remember doing an update on the CLI.


#6

Hey, just adding an official answer to this.

App-scripts was the cause of this issue.
We released 1.3.6 of app scripts, which fixes the source map issue.
Sorry for the hiccup!


#7

So how do I update to 1.36 other than amend the json file?


#8

You modify the aforementioned package.json file, then run the command npm i.


#9

@mhartington
I did “ionic start test2” and it download the app with the app scripts 1.3.6

I know that’s the problem fixed - but could the option be put into the build production call not to show the src folder and hence make the code harder to see?