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就可以了，这个需要注意一下
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue项目打包之后接口出现错误的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
在 Vue 3 的生态中,组合式 API（Composition API）引入了全新的方式来构建组件,使得逻辑复用变得更加简单和灵活,在传统的选项API中,逻辑复用通常依赖于混入和高阶组件,本文将通过示例,带你了解如何在 Vue 3 中使用组合式 API 来实现代码的逻辑复用2025-01-01
在前端开发中,模态对话框是一种常见的用户交互方式,它能够有效地提示用户、收集信息或确认操作,随着现代框架的演进,Vue 3 的出现为我们提供了更便捷、高效的方式来处理复杂的界面布局,今天,我们将深入探讨如何利用 Vue 3 的新特性 Teleport 来实现模态对话框2025-02-02
vue-calendar-component日历组件报错Clock is not defi
这篇文章主要为大家介绍了vue-calendar-component日历组件报错Clock is not defined解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
el-upload http-request使用 多个文件上传携带其他参数方式
这篇文章主要介绍了el-upload http-request使用 多个文件上传携带其他参数方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了如何在vue单页中重复引入同一子组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
Vue使用html2canvas和jspdf实现PDF文件导出
这篇文章主要为大家详细介绍了Vue如何使用html2canvas和jspdf实现PDF文件导出功能并设置页面大小及方向,感兴趣的小伙伴可以跟随小编一起学习一下2025-01-01
这篇文章主要介绍了vue中el-tree增加节点后如何重新刷新，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
key属性可以用来提升v-for渲染的效率,vue中使用v-for渲染数据的时候,并不会去改变原有的元素和数据,下面这篇文章主要给大家介绍了关于vue v-for中key原理的相关资料,需要的朋友可以参考下2022-04-04
这篇文章主要介绍了Vue学习笔记分享之Vue组件化编程,文中把知识点都一一罗列出来了,方便整理学习,需要的朋友可以参考下2023-03-03
最新评论