Ionic debugging on Android device - no sourcemap!

Hi there,
When running / deploying to a device via ionic run android --device and then inspecting via Chrome inspect, I can see the app running, but there is no source folder at all. I looked under build and don’t see it either.

Help!

Post your ionic info and contents of package.json please.
Check if you have the most recent version of app-scripts, I think an update to that fixed some stuff related to this.

1 Like

When asking on the slack channel, I had heard that the 1.3.6 app scripts solve this issue, but when myself and another person in the slack channel tried it out, it still didn’t work.

global packages:

@ionic/cli-utils : 1.0.0-rc.1
Cordova CLI      : 6.5.0
Ionic CLI        : 3.0.0-rc.1

local packages:

@ionic/app-scripts              : 1.3.6
@ionic/cli-plugin-cordova       : 1.0.0-rc.1
@ionic/cli-plugin-ionic-angular : 1.0.0-rc.1
Ionic Framework                 : ionic-angular 3.0.0

System:

Node       : v6.2.2
OS         : Windows 10
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed

package.json:
“dependencies”: {
"@angular/animations": “4.0.0”,
"@angular/common": “4.0.0”,
"@angular/compiler": “4.0.0”,
"@angular/compiler-cli": “4.0.0”,
"@angular/core": “4.0.0”,
"@angular/forms": “4.0.0”,
"@angular/http": “4.0.0”,
"@angular/platform-browser": “4.0.0”,
"@angular/platform-browser-dynamic": “4.0.0”,
"@angular/platform-server": “4.0.0”,
"@ionic-native/core": “^3.6.1”,
"@ionic-native/file": “^3.6.1”,
"@ionic-native/splash-screen": “^3.6.1”,
"@ionic-native/status-bar": “^3.6.1”,
"@ionic-native/text-to-speech": “^3.6.1”,
"@ionic/storage": “2.0.1”,
“ionic-angular”: “3.0.0”,
“ionicons”: “3.0.0”,
“rxjs”: “5.1.1”,
“sw-toolbox”: “3.4.0”,
“ts-md5”: “^1.2.0”,
“web-animations-js”: “^2.2.2”,
“x2js”: “^3.1.0”,
“zone.js”: “^0.8.4”
},
“devDependencies”: {
"@ionic/app-scripts": “^1.3.6”,
"@ionic/cli-plugin-cordova": “1.0.0-rc.1”,
"@ionic/cli-plugin-ionic-angular": “1.0.0-rc.1”,
"@types/jasmine": “2.5.38”,
"@types/node": “^7.0.8”,
"@types/sinon": “^1.16.36”,
"@types/x2js": “3.1.0”,
“angular-cli”: “^1.0.0-beta.28.3”,
“codecov”: “^1.0.1”,
“jasmine-ajax”: “^3.3.1”,
“jasmine-core”: “^2.5.2”,
“jasmine-promises”: “^0.4.1”,
“jasmine-spec-reporter”: “^3.2.0”,
“karma”: “^1.5.0”,
“karma-chrome-launcher”: “^2.0.0”,
“karma-jasmine”: “^1.1.0”,
“karma-mocha-reporter”: “^2.2.2”,
“karma-remap-istanbul”: “^0.6.0”,
“karma-teamcity-reporter”: “^1.0.0”,
“sinon”: “^2.1.0”,
“ts-lint”: “^4.5.1”,
“ts-node”: “^2.1.0”,
“tslint-eslint-rules”: “^3.4.0”,
“typescript”: “~2.2.1”
},

Same problem with ionic 3.5.0.

package.json:
{
“name”: “aaa”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “ionic-app-scripts build”,
“ionic:serve”: “ionic-app-scripts serve”
},
“dependencies”: {
"@angular/common": “4.1.3”,
"@angular/compiler": “4.1.3”,
"@angular/compiler-cli": “4.1.3”,
"@angular/core": “4.1.3”,
"@angular/forms": “4.1.3”,
"@angular/http": “4.1.3”,
"@angular/platform-browser": “4.1.3”,
"@angular/platform-browser-dynamic": “4.1.3”,
"@ionic-native/core": “3.10.2”,
"@ionic-native/in-app-browser": “^3.12.1”,
"@ionic-native/splash-screen": “3.10.2”,
"@ionic-native/status-bar": “3.10.2”,
"@ionic/storage": “2.0.1”,
“com.testfairy.cordova-plugin”: “^2.1.9”,
“cordova-android”: “^6.2.3”,
“cordova-plugin-console”: “^1.0.5”,
“cordova-plugin-device”: “^1.1.4”,
“cordova-plugin-inappbrowser”: “^1.7.1”,
“cordova-plugin-splashscreen”: “^4.0.3”,
“cordova-plugin-statusbar”: “^2.2.2”,
“cordova-plugin-whitelist”: “^1.3.1”,
“hammerjs”: “2.0.8”,
“ionic-angular”: “3.4.2”,
“ionic-plugin-keyboard”: “^2.2.1”,
“ionicons”: “3.0.0”,
“rxjs”: “5.4.0”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.12”
},
“devDependencies”: {
"@angular/cli": “^1.1.3”,
"@ionic/app-scripts": “1.3.7”,
"@ionic/cli-plugin-cordova": “1.4.1”,
"@ionic/cli-plugin-ionic-angular": “1.3.2”,
“typescript”: “2.3.3”
},
“description”: “Erickson Convegno Q”,
“cordova”: {
“plugins”: {
“cordova-plugin-console”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-whitelist”: {},
“ionic-plugin-keyboard”: {},
“cordova-plugin-inappbrowser”: {},
“com.testfairy.cordova-plugin”: {}
},
“platforms”: [
“android”
]
},
“config”: {
“ionic_copy”: “./config/copy.config.js”,
“ionic_source_map”: “source_map”
}
}

tsconfig.json:
{
“compilerOptions”: {
“allowSyntheticDefaultImports”: true,
“declaration”: false,
“emitDecoratorMetadata”: true,
“experimentalDecorators”: true,
“lib”: [
“dom”,
“es2015”
],
“module”: “es2015”,
“moduleResolution”: “node”,
“sourceMap”: true,
“target”: “es5”
},
“include”: [
“src/**/*.ts”
],
“exclude”: [
“node_modules”
],
“compileOnSave”: false,
“atom”: {
“rewriteTsconfig”: false
}
}

adding:

“ionic_source_map_type”: “#inline-source-map

to config in package.json it seem to work.

I seem to have the same problem. I see the transpiled main.js in build. But it does not map to the source ts files. This is my setup through Ionic Info:

@ionic/cli-utils : 1.5.0
Cordova CLI      : 7.0.1
Ionic CLI        : 3.5.0

local packages:

@ionic/app-scripts              : 2.0.2
@ionic/cli-plugin-cordova       : 1.4.1
@ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms               : android 6.2.3
Ionic Framework                 : ionic-angular 3.5.2

System:

Node       : v6.11.0
OS         : Windows 7
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed
npm        : 4.4.1

My package.json:
{
“name”: “quicklists”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “ionic-app-scripts build”,
“ionic:serve”: “ionic-app-scripts serve”
},
“dependencies”: {
"@angular/common": “4.1.3”,
"@angular/compiler": “4.1.3”,
"@angular/compiler-cli": “4.1.3”,
"@angular/core": “4.1.3”,
"@angular/forms": “4.1.3”,
"@angular/http": “4.1.3”,
"@angular/platform-browser": “4.1.3”,
"@angular/platform-browser-dynamic": “4.1.3”,
"@ionic-native/core": “3.12.1”,
"@ionic-native/keyboard": “^4.0.1”,
"@ionic-native/splash-screen": “3.12.1”,
"@ionic-native/status-bar": “3.12.1”,
"@ionic/storage": “2.0.1”,
“cordova-android”: “^6.2.3”,
“cordova-plugin-console”: “^1.0.5”,
“cordova-plugin-device”: “^1.1.4”,
“cordova-plugin-splashscreen”: “^4.0.3”,
“cordova-plugin-statusbar”: “^2.2.2”,
“cordova-plugin-whitelist”: “^1.3.1”,
“cordova-sqlite-storage”: “^2.0.4”,
“ionic-angular”: “3.5.2”,
“ionic-plugin-keyboard”: “^2.2.1”,
“ionicons”: “3.0.0”,
“rxjs”: “5.4.0”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.12”
},
“devDependencies”: {
"@ionic/app-scripts": “2.0.2”,
"@ionic/cli-plugin-cordova": “1.4.1”,
"@ionic/cli-plugin-ionic-angular": “1.3.2”,
“typescript”: “2.3.4”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-console”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-whitelist”: {},
“ionic-plugin-keyboard”: {},
“cordova-sqlite-storage”: {}
},
“platforms”: [
“android”
]
}
}