vue集成capacitor

vue集成capacitor1 在项目本地安装 capacitor cli 和 capacitor corenpminsta capacitor cli capacitor core2 初始化 capacitor 项目 npxcapinit 说明 webDir 选择 dist 文件夹 因为之后打包后的文件夹默认为 dist2 安装 capacitor androidnpmin capacitor android3 打包静态资源 npmrunbuild4 添加 android 平台 npxcapad

1.在项目本地安装capacitor/cli和capacitor/core

npm install @capacitor/cli @capacitor/core 

2.初始化capacitor项目

npx cap init 【说明】webDir选择dist文件夹,因为之后打包后的文件夹默认为dist 

2.安装capacitor/android

npm install @capacitor/android 

3.打包静态资源

npm run build 

4.添加android平台

npx cap add android 

5.将静态资源拷贝到android

npx cap copy 

6.同步本地设置

npx cap sync 

7.打开AS

npx cap open android 

问题:android.v4.support出现问题

需要额外安装jetifier,安装完毕后项目本地执行命令行npx jetify 并执行npx cap sync,即可解决此问题 android.support现已不再支持,部分cordova插件依然使用老版本的包,所以造成了不兼容的情况,使用jetifier可以处理兼容问题 

若有遗漏或不足之处请在评论中指出。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230575.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 扒一扒使用boostrap-fileinput上传插件遇到的坑,Bootstrap-fileinput上传插件的使用详解,「建议收藏」

    扒一扒使用boostrap-fileinput上传插件遇到的坑,Bootstrap-fileinput上传插件的使用详解,「建议收藏」由于公司项目的需求,需要实现动植物名录的添加,包括姓名等信息和图片等,需要使用bootstrap-fileinput的上传插件,在提交添加界面表单数据的同时上传一张或者多张图片,并将上传的图片保存到本地磁盘中(本文是f:盘的目录下),在在实现的时候,不适用bootstrap-fileinput上传插件本身的上传按钮(因为本身的按钮只能上传图片),需要点击提交,将表单的其他信息和图片一起提交到后台。

    2022年6月7日
    151
  • nginx转发tcp请求保留ip_nginx请求转发

    nginx转发tcp请求保留ip_nginx请求转发在平时的开发中,可能有的服务在本地电脑是连接不上的,此时需要一个中间人来作为代理,帮助我们去转发请求比如现在本地可以链接某一台nginx服务器,域名为www.baidu.com,并且开放了端口8899,那么我们通过这台服务器,来转发我们链接不上的192.168.0.111:6379redis服务一、nginx.confdaemonoff;userwww;worker_processes8;worker_rlimit_nofile102400;events{useep.

    2022年10月10日
    3
  • Origin绘图之条形图上加曲线拟合图

    Origin绘图之条形图上加曲线拟合图图形使用情境有时,写论文时,我们要做一些描述性统计,经常用到条形图来表示我们的数据,同时在条形图上可以加入曲线拟合的情况。如下图所示:绘图操作本博客以origin2017操作为例。首先是导入我们要绘图的数据,如下图所示:接着,按照下图所示操作,选择bar(条形图)最后,按照下图操作就行了…

    2022年5月16日
    63
  • python和pycharm安装包(附网盘地址)「建议收藏」

    python和pycharm安装包(附网盘地址)「建议收藏」「pycharm-community-2017.3.4.exe」等文件https://www.aliyundrive.com/s/kNz92RwkFTK提取码:dq74点击链接保存,或者复制本段内容,打开「阿里云盘」APP,无需下载极速在线查看,视频原画倍速播放。

    2022年5月13日
    51
  • 线程池代码(通用版)

    线程池代码(通用版)

    2021年6月5日
    155
  • 常用经典SQL语句大全完整版–详解+实例

    常用经典SQL语句大全完整版–详解+实例下列语句部分是Mssql语句,不可以在access中使用。  SQL分类:  DDL—数据定义语言(CREATE,ALTER,DROP,DECLARE)  DML—数据操纵语言(SELECT,DELETE,UPDATE,INSERT)  DCL—数据控制语言(GRANT,REVOKE,COMMIT,ROLLBACK)  首先,简要介绍基础语句:  1、说明:创建数据库CREATED…

    2022年5月19日
    46

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号