如何配置 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
我运行
ionic cap run android -l
- 编辑 android/app/src/main/assets/capacitor.config.json 以将 loclahost 替换为 10.0.2.2(对项目配置的任何帮助以避免一直重置此值也很感激)
- "inspect" 来自
chrome://inspect/#devices
的应用
但源中没有 webpack
条目,我只能看到 js 源。
我尝试了很多针对早期版本ionic的解决方案,但都没有用。我还尝试将 projects.app.architect.build.options.aot
设置为 false
但这也没有任何改变:/
我认为您需要使用 --source-map
参数进行构建,请参阅 docs
当 运行在 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 知道,而不是开发服务器和检查浏览器所在的开发机器 运行).
在使用 chrome DevTools 在 Android 虚拟设备上调试时,我找不到配置 Ionic (5.24) 项目以访问打字稿源的方法。
电容版本:2.0.1 Angular版本:9.1.2
我运行
ionic cap run android -l
- 编辑 android/app/src/main/assets/capacitor.config.json 以将 loclahost 替换为 10.0.2.2(对项目配置的任何帮助以避免一直重置此值也很感激)
- "inspect" 来自
chrome://inspect/#devices
的应用
但源中没有 webpack
条目,我只能看到 js 源。
我尝试了很多针对早期版本ionic的解决方案,但都没有用。我还尝试将 projects.app.architect.build.options.aot
设置为 false
但这也没有任何改变:/
我认为您需要使用 --source-map
参数进行构建,请参阅 docs
当 运行在 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 知道,而不是开发服务器和检查浏览器所在的开发机器 运行).