Angular 在Android emulator上运行Ionic4/Capactor时如何调试.ts文件

Angular 在Android emulator上运行Ionic4/Capactor时如何调试.ts文件,angular,typescript,ionic-framework,capacitor,Angular,Typescript,Ionic Framework,Capacitor,我正在使用模拟器从Android studio运行我的示例Ionic4/Capactor应用程序 我希望能够调试typescript源代码,但在中打开时chrome://inspect 像平常一样,我在任何地方都看不到ts文件,只有js 我确实找到了,但使用了第二个建议,即 为了在Android上调试时查看真正的原始ts文件,我修补了angular cli源代码(我有@angular/cli版本7.0.0)以使用内联源代码映射网页选项。为此,我更改了node_modules/@angular d

我正在使用模拟器从Android studio运行我的示例Ionic4/Capactor应用程序

我希望能够调试typescript源代码,但在中打开时chrome://inspect 像平常一样,我在任何地方都看不到ts文件,只有js

我确实找到了,但使用了第二个建议,即

为了在Android上调试时查看真正的原始ts文件,我修补了angular cli源代码(我有@angular/cli版本7.0.0)以使用内联源代码映射网页选项。为此,我更改了node_modules/@angular devkit/build angular/src/angular cli files/models/webpack configs/browser.js文件中的一行
sourcemaps='eval'
sourcemap='inlinesourcemap'

还是不适合我。如果我们不必在node_模块中编辑文件,也会更好


无论如何,由于非常依赖SQLite,我需要在emulator中运行,但仍然需要调试主应用程序(ts文件)。

请使用所述的解决方案,然后您将能够使用源地图构建项目

使用“Chrome远程调试”,您可以看到和调试类型脚本文件为.js文件,内容将是相同的


此解决方案适用于由android studio AVM emulator启动的ionic4/Capactor。

发现此问题已记录