【问题标题】:How to run ionic-react applications on real devices?如何在真实设备上运行离子反应应用程序?
【发布时间】:2020-07-30 00:08:06
【问题描述】:

您好,我很高兴看到,ionic 现在支持 React 脚本,当我尝试在真实设备中运行 Ionic react 应用程序时,它显示了一些我无法解决的错误。

我试过了,

ionic cordova 运行安卓

 It will not support because ionic-react using the capacitor instead of cordova,

npx cap open android

 It throws an error that "[error] Unable to launch Android Studio. Make sure the latest version of Android Studio is installed"

说需要打开Android Studio,但是我尝试的是在真实设备上运行应用程序

有什么解决办法吗?

【问题讨论】:

    标签: reactjs ionic-framework ionic-react


    【解决方案1】:

    我没有使用 Cordova,而是使用了适用于 Android 的 Capacitor。 尝试运行;

    ionic capacitor add 并选择 android

    运行 npx cap open android 现在应该会打开 android studio。

    如果您想在没有 android studio 的物理设备(android 或 iOS)上查看您的应用,您可以下载 ionic Devapp 并运行 ionic serve --devapp。只要您的 PC 和设备在同一个 WiFi 网络上,您就可以像本地安装一样查看该应用。

    【讨论】:

      【解决方案2】:

      安装电容器和电容器 CLI

       npm i @capacitor/core --save-exact
       npm i @capacitor/cli --save-exact --save-dev
      

      使用此命令构建项目

      ionic build
      

      使用 App ID 启动电容器

       npx cap init YourAppName com.domain.yourappname
      

      使用“npx cap add”添加平台:

       npx cap add ios
       npx cap add electron
       npx cap add android
      

      现在您可以运行以下 cmd 来启动 Android Studio

       npx cap open android
      

      如果您在项目中进行了更改,您可以使用再次构建

      ionic build
      

      然后同步您的项目并运行

       npx cap sync android
       npx cap open android
      

      【讨论】:

        【解决方案3】:

        您应该让它打开 Android Studio。

        它将“android”目录作为一个android项目打开(就是这样)。

        如果您的设备已插入并且 USB 调试可用,您应该会在 IDE 中看到您的设备。然后只需点击启动应用程序,您应该可以让您的应用程序在设备上运行。

        如果您无法修复问题,您可以从 IDE手动打开项目

        【讨论】:

          猜你喜欢
          • 2018-11-07
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2017-09-29
          • 1970-01-01
          相关资源
          最近更新 更多