配置cordova遇到的一些坑总结

大前提——配置好jdk8和jdk11,这里下载两套主要是以防万一,然后下载好node、cordova、android studio、gradle。

首先你需要安装一个node

https://nodejs.org/en/download/

node -v(终端输入检查是否安装好)

接下来需要安装cordova npm install -g cordova

cordova -v(终端输入检查是否安装好)

添加安卓环境 需要安装java jdk 和安卓SDK

JAVA JDK(8.0)

http://www.oracle.com/technetwork/java/javase/downloads/index.html

JAVA JDK不行时(javac)

打开我的电脑--属性--高级--环境变量

(1).新建系统变量JAVA_HOME,变量名:JAVA_HOME ,变量值:jdk地址

(2).新建系统变量CLASSPATH,变量名:CLASSPATH ,变量值:  .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; (别漏了前面的".")

(3).选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加 %JAVA_HOME%\bin (4).选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加 %JAVA_HOME%\jre\bin

详细请参照:

(28条消息) windows10配置jdk8和jdk11并存和切换_jdk8和jdk11共存_绚清的博客-CSDN博客https://blog.csdn.net/weixin_60031017/article/details/125198652

配置好在终端输入javac,如图所示即为安装成功

Android Studio

http://www.android-studio.org

打开我的电脑--属性--高级--环境变量 新建系统变量ANDROID_HOME,变量名:ANDROID_HOME ,变量值:sdk地址 在path环境变量加追加: %ANDROID_HOME%\tools %ANDROID_HOME%\platform-tools

配置好然后在终端输入adb,出现如图所示就是运行成功:

然后去下载gradle

(28条消息) Gradle安装及环境变量配置_gradle环境变量配置_iBaoxing的博客-CSDN博客https://blog.csdn.net/zbx931197485/article/details/102461228

下载完后还要下载一个android studio的虚拟设备,不会的请参照:

(28条消息) android studio创建和安装虚拟机_android studio虚拟机_shaominjin123的博客-CSDN博客https://blog.csdn.net/lanxingstar2011/article/details/124168243

做好这些大前提后,接下来就到了最难搞的部分,因为每台电脑的体质不一样,遇到的错也不一样,以下是我配置过程中的一些问题:

        首先是:jdk版本问题,如果在配置好环境的前下去执行cordova platform add android会默认安装最新的android版本,即12.0.0(目前是),这个对应的jdk版本是 11,Android API对应的是33,而如果执行cordova platform add android@6.2.5,对应的jdk是8,对应的Android API是25,如果是android@10.0.0,对应的jdk是8,对应的Android API是30,这个在执行这条命令的时候,主要还是要看android studio上面有没有对应的API,如下图所示(每个人会有所不同,主要就是在执行cordova platform add android的时候自己选择对应的版本即@....):

然后就是到cordova run android 或cordova build android,这里的坑最多,首先是可能会出现以下这种情况: 

这个就是sdk版本,这里要选33.0.2,而我现在只下载了33.0.0,所以要重新下载一个;

其次就是会报jdk版本问题,如果终端上出现jdk8和jkd11,想都不要想,如果你现在环境是jdk8,那就换jdk11。接着可能会显示在下载某个版本的gradle,这里往往会因为网络问题而出现不成功,最好最快的方法就是看它在下载哪一个,然后就去网上找到对应的安装包下载,不用解压出来。如图所示:

因为在你执行cordova run android 或cordova build android 的时候,它会在你C盘的.gradle文件夹中生成对应版本的文件夹,如图所示(下图和上图版本没对应,原因是上图是我舍友在下载的一个gradle的版本,下面这个是我的,我以此作为例子):

然后点击对应版本的文件夹会有遗传随机生成的字符串,例如1wqbeia0d49252rmlcr6o8lbl,然后再继续点进去,接着把刚刚下载好的安装包放在这里,最终如下图所示:

做完这些步骤后,然后再执行cordova run android或 cordova build android,这里还会遇到一些问题,如下图所示:

在你的 android sdk安卓目录中,找到build tools目录中的d8.bat,将文件名修改为dx.bat。

找到build tools目录中的lib/d8.jar,将文件名修改为dx.jar。回到Android Studio重新打包。

如下图所示:

 

当改完后再去执行cordova run android或cordova build android,这里还可能会因为网络问题要等,建议如果用的是校园网就换成热点。如图所示是在加载中: 

另外还有一个问题就是当你执行成功后,会出现如图所示的界面:

这个打开android studio中的虚拟设备就行(前提要安装),打开后再运行,然后就成功了: 

在这里多提一嘴,就是如果你是在一台服务器上操作以上步骤的话,就会提示说设备不可用。我试过在一太windows服务器上去调试,配置那些可以一遍过,没出现什么错,就是在运行的时候会显示如图所示问题:

这是在windows服务器上运行的结果,问题就是没有虚拟设备,即android studio中的AVD

如果没有下载就去下载就好。但是下载完后还会遇到另一个问题,如图所示: 

 

这个问题就需要进入BIOS去把Intel Virtualization Technology 设为Enabled,步骤是,进入bios界面(每台电脑进入的方式不同),将Config -> CPU ->Intel Virtualization Technology 设为Enabled

部分主板还需要将 Security -> Virtualization ->Intel@ Virtualization Technology 设为Enabled

设置完后首先运行android stuido的虚拟设备再运行cordova run android或android build android 就好了。

另外一种调试方式是真机调试,这个我只在自己电脑上试过,没有在服务器上试过。步骤如下:打开手机的开发者模式,然后去设置USB调试为运行,如图(前提先打开开发者模式,然后去手机的设置里面搜索开发者选项):

接着如图所示的三个设为允许:

然后用数据线把手机和电脑连接起来,最后去运行cordova run android 或 cordova build android (先打开自己的android studio虚拟设备会好一点,以防报错,如果没有应该也没问题)手机会弹出一个让你安装的软件,点击允许安装就行。 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在 Vue 2 中配置 Cordova 环境,你需要按照以下步骤进行操作: 1. 安装 Cordova 首先,你需要在本地计算机上安装 Cordova。你可以使用以下命令在终端中安装 Cordova: ``` npm install -g cordova ``` 2. 创建 Cordova 项目 运行以下命令创建 Cordova 项目: ``` cordova create myApp com.example.myApp MyApp ``` 其中,`myApp` 是项目的名称,`com.example.myApp` 是项目的包名,`MyApp` 是项目的标题。 3. 添加平台 要为你的应用程序添加平台,请运行以下命令: ``` cd myApp cordova platform add android ``` 这将在你的项目中添加 Android 平台。 4. 构建应用程序 在完成上述步骤后,你可以使用以下命令构建你的应用程序: ``` cordova build android ``` 这会在你的项目中构建 Android 应用程序。 5. 在 Vue 中集成 Cordova 要在 Vue 中集成 Cordova,请执行以下步骤: - 在 `public` 目录下创建一个 `cordova.js` 文件,并将其添加到 `index.html` 文件中: ``` <script src="cordova.js"></script> ``` - 在 `src/main.js` 文件中添加以下代码: ```javascript document.addEventListener('deviceready', onDeviceReady, false) function onDeviceReady () { console.log('Cordova is ready!') } ``` 这将在 Cordova 设备准备就绪时输出一条消息。 - 在 `package.json` 文件中添加以下代码: ```json "scripts": { "cordova-serve": "cordova serve" } ``` 这将允许你使用 `npm run cordova-serve` 命令启动 Cordova 服务器。 现在,你已经成功地在 Vue 2 中配置Cordova 环境。你可以使用 Cordova 提供的各种功能来开发移动应用程序。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值