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

Question

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

电容器版本：2.0.1 角度版本：9.1.2

我跑

• ionic cap run android -l
• 编辑 android/app/src/main/assets/capacitor.config.json 以将 loclahost 替换为 10.0.2.2 （对项目配置的任何帮助以避免一直重置此值也很感激）
• “检查”应用程序chrome://inspect/#devices

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

我为早期版本的 ionic 尝试了很多解决方案，但都没有奏效。我也尝试设置projects.app.architect.build.options.aot为，false但这也没有改变：/

标签： angulardevtoolsionic-nativecapacitor

Answer 1

在 Android 设备（虚拟或物理）上运行时，我必须同时使用external和source-map标志：

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

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