angular - 在 Android 模拟器上运行 Ionic4/Capacitor 时如何调试 .ts 文件

Question

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

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

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

To see the true original ts file while debugging on Android I patched angular cli source code (i have @angular/cli version 7.0.0) to use inline-source-maps webpack option. To do so I changed one line in node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js file sourcemaps = ‘eval’; to sourcemaps = ‘inline-source-map’;

仍然对我不起作用。如果我们不必编辑node_modules 中的文件会更好吗？

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

Answer 1

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

使用“Chrome远程调试”可以将类型脚本文件作为.js文件进行查看和调试，内容是一样的。

这个解决方案适用于我使用 android studio AVM 模拟器启动的 ionic4/capacitor。