电容器编译的 Ionic 应用程序：如何在 Android Studio 中进行调试？

Question

我使用了命令

ngx cap open android

像这里描述的那样在 Android Studio 中打开我的 Ionic 5 项目。 这工作正常。

在我的应用程序中，我连接到服务器，该服务器返回我的应用程序所需的 json 数据。 此连接似乎不起作用，我的应用程序中只有加载动画。

我该如何调试？ 它在 PWA 版本和我的 Ionic 测试服务器上工作，但应用程序连接时出现问题。 我需要一条错误消息或其他东西，才能知道出了什么问题。

什么是解决此类问题的好方法？ 我可以从打字稿代码在 android studio 中输出或记录一些东西吗？

Answer 1

打开 Chrome 浏览器并导航到 URL chrome://inspect/#devices 。 您连接的 Android 设备应显示在远程目标列表中。

在您的设备上，打开您要使用 Chrome 调试的 Ionic 应用程序。 在设备上运行您的应用程序后，返回 Chrome 并单击检查chrome://inspect/#devices

Answer 2

我在这里发布了一个完整的项目，专门用于 Angular 和 Capacitor。

我相信诀窍是你必须使用 live-reload 来调试。 如果您使用 ionic cli 构建您的项目，那么您应该使用提供的基本命令，否则您将需要手动进行一些修改。 这个项目，帖子把它全部分解了

电容器运行，请参阅有关 liveReload 的部分 - https://ionicframework.com/docs/cli/commands/capacitor-run