Unable to debug typescript code in Android

I’ve created a project with Ionic 4, added Capacitor to it and run the app in Android Studio. Them using Chrome “chrome://inspect/#devices” I tried to debug the app but only the transpiled javascript code is available. I cannot see my typescript code an put breakpoints in it…

Ionic:
   ionic (Ionic CLI)          : 4.0.5 (/home/xpto/sw/nodejs/versions/node-v8.11.3-linux-x64/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.1
   @angular-devkit/core       : 0.7.2
   @angular-devkit/schematics : 0.7.2
   @angular/cli               : 6.1.2
   @ionic/ng-toolkit          : 1.0.5
   @ionic/schematics-angular  : 1.0.4

Capacitor:
![no-typescript](https://user-images.githubusercontent.com/5212564/43895819-78085878-9bce-11e8-85dd-e72596395ba3.png)

   capacitor (Capacitor CLI) : 1.0.0-beta.4
   @capacitor/core           : 1.0.0-beta.4

System:
   NodeJS : v8.11.3 (/home/xpto/sw/nodejs/versions/node-v8.11.3-linux-x64/bin/node)
   npm    : 5.6.0
   OS     : Linux 4.15

I don’t know if it’s an Ionic or a Capacitor bug, so if I’ve creating it in the wrong project just let me know and I will create it in the other one 😃

Thanks

[ryaa]

To whom it may concern, here is the approach I implemented to enable debugging with source maps support on Android devices

• install ngx-build-plus by running npx ng add ngx-build-plus
  This will install the required npm package and update angular.json as required For more details please see https://github.com/manfredsteyer/ngx-build-plus
• create new file build-customization-plugin.js in the project root directory and add the below content in this file

var merge = require('webpack-merge');

exports.default = {
    config: function (cfg) {
        const strategy = merge.strategy({
            'devtool': 'replace',
        });

        return strategy(cfg, {
            devtool: 'inline-source-map'
        });
    }
}

• run ng build --eval-source-map --plugin ~build-customization-plugin.js from the root directory to build the project with source maps to debug on Android devices

This is a better approach then changing angular/cli source 😃

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.