vue集成capacitor android并打包为apk实践
首先capacitor/android到vue项目
npm install --save @capacitor/core @capacitor/cli
初始化
npx cap init
打包vue项目
npm run build
下载
npm install @capacitor/android
npx cap add android (这个命令后就有安卓项目啦)
打开as
npx cap open android （这个会打开Android Studio，并加载环境）（可能遇到报错，，在最后我会说一说我遇到的问题。。。）
打包安卓项目（前提是项目能正常运行）
创建jks文件
点击Create new..创建一个jks文件
Jks是用于存储加密密钥和证书的，必须要有
（注意：我用黑色涂抹的是我已经保存好了的，没创建过是空的）
填写必要信息
选择打包类型和存放路径
等他打包好就行了，最后在刚刚填写的路径里找就可以了
我的放在了桌面上如图：文件夹（里边的apk可以直接安装在手机）
Android Studio运行安卓项目遇到报错
版本冲突
用 Android Studio打开按做项目后，其刚开始的 gradle 是8.2.1， 然后报错冲突，试了很多次，换了gradle-8.2-bin.zip 这个报错才解决。。。
下载超时或cannot find jar 'kotlin-compiler-embeddable-1.8.20.jar' required by module 'gradle-kotlin-dsl' using classpath or distribution
这个问题看到许多人直接手动将kotlin-compiler-embeddable-1.8.20.jar下载，然后放到对应的文件夹下面， 但是我这死活不好使….，后来查了查GPT, 在gradle-wrapper.propertie文件下，将下载的url改为国内的就可以啦，distributionUrl=https\://mirrors.cloud.tencent.com/gradle/"你下载的gradle"
改为：
注意本地的java版本与项目中配置的Java版本
这个是本地的
我刚开始配置中的是VERSION_21 但本环境是17 于是报错，改成17就可以了，这个需要注意一下
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文详细介绍了如何在计算机上安装和配置Node.js,包括下载Node.js,验证安装成功,配置npm的全局模块目录和缓存目录,设置环境变量,配置npm镜像,安装Vue.js等步骤,通过这些指导,你可以在IDEA上成功创建和运行Vue项目2024-10-10
这篇文章主要介绍了Element MessageBox弹框的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
本篇文章主要介绍了vue中component组件的props使用详解，这里整理了详细的用法，具有一定的参考价值，有兴趣的可以了解一下2017-09-09
这篇文章主要介绍了vue路由--网站导航功能详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了基于webpack4+vue-cli3项目的换肤功能,文中是通过scss+style-loader/useable做换肤功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
这篇文章主要介绍了vueJs实现DOM加载完成之后自动下拉到底部的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了使用vue v-for循环图片路径方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了详解如何从零开始搭建Express+Vue开发环境，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
关于Element-UI Table 表格指定列添加点击事件
这篇文章主要介绍了关于Element-UI Table 表格指定列添加点击事件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
虚拟列表只渲染当前可视区域的列表,并不会将所有的数据渲染,本文主要介绍了vue简单实现一个虚拟列表的示例代码,具有一定的参考价值,感兴趣的可以了解一下2024-03-03
最新评论