在Android模拟器上运行Ionic4 /电容器时，如何调试.ts文件

Question

我正在使用模拟器在Android Studio中运行示例Ionic4 /电容器应用程序。

我希望能够调试ts源，但是当我像往常一样在chrome：// inspect中打开时，只是在js中看不到ts文件。

我确实找到了this post，但是使用了第二个建议，即

  

    

要在Android上调试时查看真正的原始ts文件，我修补了cli cli源代码（我具有@ angular / cli版本7.0.0）以使用inline-source-maps webpack选项。为此，我在node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js文件中更改了一行     sourcemaps ='eval';     至     sourcemaps ='inline-source-map';

  

对我仍然无效。如果我们不必在node_modules中编辑文件，还会更好吗？

无论如何，由于需要大量依赖SQLite，因此我需要在模拟器中运行，但仍然需要调试主应用程序（ts文件）。

提前感谢您的任何建议！

Answer 1

请使用here中描述的解决方案，然后您将能够使用源地图构建项目。

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

从android studio AVM仿真器开始，此解决方案适用于ionic4 / capacitor。