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

use*_*029 5 android-studio ionic-framework ionic-native capacitor ionic5

我使用了命令

ngx cap open android
Run Code Online (Sandbox Code Playgroud)

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

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

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

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

Inê*_*mes 6

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

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

查看更多: 电容器编译的 Ionic 应用程序:如何在 Android Studio 中调试?


Aar*_*ers 1

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

我相信诀窍是你必须使用实时重新加载来调试。如果您使用 ionic cli 来构建项目,那么您应该可以使用提供的基本命令,否则您将需要手动进行一些修改。这个项目,帖子将其全部分解

https://github.com/aaronksaunders/plain-ng-cap-app

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