如何配置 Ionic 5.24 / Capacitor 2.0.1 / Angular 9.1.2 项目以在使用 chrome-tools 检查 AVD 时访问打字稿源?

How to configure Ionic 5.24 / Capacitor 2.0.1 / Angular 9.1.2 project to access typescript sources when inspecting AVD with chrome-tools?

在使用 chrome DevTools 在 Android 虚拟设备上调试时,我找不到配置 Ionic (5.24) 项目以访问打字稿源的方法。

电容版本:2.0.1 Angular版本:9.1.2

我运行

但源中没有 webpack 条目,我只能看到 js 源。

我尝试了很多针对早期版本ionic的解决方案,但都没有用。我还尝试将 projects.app.architect.build.options.aot 设置为 false 但这也没有任何改变:/

我认为您需要使用 --source-map 参数进行构建,请参阅 docs

当 运行在 Android 设备(虚拟或物理)上连接时,我必须同时使用 externalsource-map 标志:

ionic cap run android --external --source-map -l

黑客攻击 android/app/src/main/assets/capacitor.config.json 以某种方式破坏了 Chrome DevTools 的源检索。将开发服务器绑定到测试设备可访问的网络接口是必要的(并且 10.0.2.2 不是一个选项,因为它只被 AVD 知道,而不是开发服务器和检查浏览器所在的开发机器 运行).