capacitor 安卓插件版本兼容问题

最新推荐文章于 2023-11-24 15:08:38 发布
最新推荐文章于 2023-11-24 15:08:38 发布
阅读量831 收藏
点赞数
分类专栏： bug 文章标签： android android studio gradle
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZeBaBa/article/details/126482210
版权

问题原因

项目之前使用的是Capacitor 3.0的插件，但是目前官方版本使用的是capacitor4.0,所以npm init @capacitor/plugin 会默认构建4.0版本的插件，这样一来，在Android端使用就会出现报错。

解决思路

将组件手动的改回3.0版本

问题解决

1.将page.json文件中的依赖改回3.0版本
在这里插入图片描述
2。更改android包中的build.gradle文件
配置安卓的
更改为：
在这里插入图片描述

ZeBaBa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
capacitor-cli-diff:轻松将Capacitor android应用程序从一个版本升级到另一个版本
05-08
@ capacitor / android的电容器CLI差异 该存储库展示了使用npx cap init生成的Capacitor CLI应用程序，以及每个版本的Capacitor CLI都npx add android生成的。 每个版本都有一个专用的分支，使更改非常容易观察。 例如： 有关完整列表，请参见下表。 请注意，这是受启发的，并且脚本已从大量复制。 版本变更 版本 比较检视 统计资料 3.0.0-beta.3 更改了1个文件，插入了3个（+），删除了3个（-） 3.0.0-beta.2 更改了3个文件，插入了13个（+），删除了16个（-） 3.0.0-beta.1 更改了1个文件，插入了3个（+），删除了3个（-） 3.0.0-beta.0 更改13个文件，60个插入（+），87个删除（-） 2.4.6 更改了1个文件，插入了3个（+），删除了3个（-）
vue-cli-plugin-capacitor：用于电容器的Vue CLI 34插件
02-15
Vue CLI插件电容器 使用将Vue SPA变成Android或iOS应用 安装 在Vue CLI 3/4项目的目录中打开一个终端，或使用vue create my-app创建一个终端，然后运行以下命令： vue add capacitor 然后，通过将以下代码添加到...
Capacitor Plugin 实现
qq_33780786的博客
04-29 1071
1、打开创建好的插件文件，使用Visual Studio Code打开该文件。 2、在src目录下面找到definitions.ts文件，编写方法定义 例如编写写明的方法 options对应参数，Promise对应的返回的结果。 3、在src下找到web.ts文件，在里面编写web的实现 实现方法如下： 4、然后再android和iOS平台编写插件的实现，下面以iOS为例： 找到iOS文件夹，使用Xcode打开Plugin.xcworkspace ...
ionic+vue+capacitor系列笔记--capacitor3.X和2.X+android自定义capacitor的JSbridge插件注册与使用(不同版本注册方式不同，返回值格式也不同，使用
tangdou369098655的博客
05-13 986
经过我的多番折腾，终于搞明白了这个东西的用法，不同版本的注册方法，使用方法都不一样，现在把这个折腾的结果记录下来，造福大家~ 首先编写一个类，然后注册，注意，这个和2.x不一样，2.x的时候我们会使用init的方式去注册 先看2.X的Capacitor 编写一个方法，然后进行注册，注意查看2.X编写方法的代码哦~~ import com.getcapacitor.JSObject; import com.getcapacitor.Plugin; import com.getcapacitor.PluginC
探索移动端可能性：Capacitor5.5.1和vue2在Android studio中精细融合
最新发布
PeakGao
11-24 1021
移动应用开发是日益复杂的任务，本文将带领您深入探索如何无缝集成Capacitor5.5.1、Vue2和Android Studio，以加速您的开发流程Capacitor是一个用于构建跨平台移动应用程序的开源框架。Vue是一个流行的 JavaScript 框架，用于构建用户界面。是用于开发 Android 应用程序的官方集成开发环境（IDE）。
Capacitor Plugin创建
qq_33780786的博客
04-29 509
首先打开终端， 运行 ： npx @capacitor/cli plugin:generate 填写插件相关信息 Plugin NPM name:在npm上可用的名称。 Plugin ID: 域名样式的标识符。它主要用于Java中的包名。 Plugin Class Name: Java和Swift中使用的类的初始名称。 description:关于这个插件的简短介绍。 git repository: 插件源代码所在的git存储库的URL。 author(可选):package.js...
capacitor-community-media:更改版本的电容器插件https
04-23
电容器社区插件，用于启用额外的媒体功能 维护者 维护者 的GitHub 社会的 斯蒂文·席尔瓦（Stewan Silva） 注意 :rocket: 我们从官方组织开始崭新。 如果您使用的是以前的npm软件包capacitor-media ，请将您的...
capacitor-plugin-demo::high_voltage:简单的离子角度应用程序演示了某些电容器插件的使用
03-09
外挂程式包括以下插件：开发设置 :laptop:先决条件安装包含 Android开发：安装 iOS开发：安装入门克隆此存储库： git clone https://github.com/robingenz/capacitor-plugin-demo.git转到项目的根目录： cd ...
capacitor-video-player:电容视频播放器插件
05-16
电容器视频播放器插件是一个自定义的本机电容器插件，用于播放视频在iOS，Android，Web和Electron平台上全屏显示嵌入在Web和Electron平台上 维护者 维护者 的GitHub 社会的 尚·皮埃尔酒庄 浏览器支持 该插件遵循...
Ionic+angular+capacitor学习（二）添加原生开发环境
lz420476527的专栏
03-14 4433
一、添加ios开发环境 1.安装xcodeXcode 13 Overview - Apple Developer完成后执行命令 xcode-select --install 确保command-line tools选中使用； 2.添加开发者账号，ios开发需要申请账号 Xcode » Preferences » Accounts 3.添加模拟器Window»Devices and Simulators. Create aniPhone 11 4.终端cd到项目目录，添加io...
关于vue+capacitor打包android后无法访问http问题的总结
冰咖啡的专栏
06-28 1904
最近公司框架升级改造，之前的ionic+cordova+angluar的app框架舍弃不用，换成vue+ionic+capacitor框架。 首先按照ionic官网的教程，用命令行生成vue+ionic框架，但根目录下并没有生成vue.config.js文件，按照之前的习惯，手动创建vue.config.js文件，并设置请求代理，如下图所示： 在浏览器测试一切正常，很顺利的访问到了后台，但打包成android项目在手机上运行后，问题出现了，http请求似乎是被拦截了，后台根本
ionic+vue+capacitor系列笔记--02项目中集成Capacitor，添加android，ios平台，真机运行项目
tangdou369098655的博客
04-19 5361
Capacitor是什么？ Capacitor是由ionic团队开发的一款跨平台移动应用构建工具，可轻让我们轻松的构建Android、iOS、Electron和Web应用程序。 Capacitor是Apache Cordova和Adobe PhoneGap的继承者，不仅可以把我们用html css js写的代码打包成原生app，还可以让我们使用js调用手机上面原生的Api。目前Capacitor已经成为Ionic应用程序的默认打包工具，你可以继续选择使用cordova或者尝试使用Capacitor。Capa
Capacitor 打包 h5 到 Android 应用，uniapp https http net::ERR_CLEARTEXT_NOT_PERMITTED
10-28 2371
项目上需要做一个 app，而这个 app 是用 uniapp 做的，里面用到了一个依赖 dom 的库，所以无法使用 Uniapp 直接生成对应的 android 应用，试过了，无法使用，体验很差。后发现capacitor打包 h5 到 Android 应用摸索了一天半终于把这个路径打通了。分享下过程。这篇文章将详细介绍如何安装 capacitor，构建成功 Android 应用后如何通过 Chrome 进行 Android 内的网页页面的调试。
ionic5+capacitor+angular 错误收集
学无止境! 无休无止!
03-28 780
系统环境 Ionic: Ionic CLI : 6.3.0 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 5.0.5 @angular-devkit/build-angular : 0.801.3 @...
vue3+quasar+capacitor开发多平台项目,使用cordova和capacitor插件(支持所有前端框架）
tangdou369098655的博客
05-25 5361
先看文档 框架文档地址：https://quasar.dev/start/quasar-cli 创建项目 npm init quasar 运行与打包命令 npx quasar dev npx quasar build 接入capacitor的两种方式 方式一：官方接入方式 文档地址：https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/preparation quasar mode add capacitor 这个命令会生成
Ionic + Vue3 + Capacitor 配置应用信（App 包名、应用名、应用图标、启动动画、版本信息）
Lyrelion的博客
02-19 3450
Ionic + Vue3 + Capacitor 配置应用信（App 包名、应用名、应用图标、启动动画、版本信息）
超详细版本vue+capacitor（自定义capacitor插件）编写移动端应用
tangdou369098655的博客
06-21 2279
十分详细，图文并茂，看了不亏系列
Capacitor实现WebView中访问的自定义Android代码
DuebassLei的博客
06-13 1723
前言 Capacitor 自定义插件 实现WebView中访问的自定义Android代码 最近在工作中使用Vue+Vant+Capacitor 开发打包移动端应用，因业务需求需与原生的Android进行数据通信，通过webview访问原生Android中的数据，即Android 与 js 互调。 怎么使用Capacitor打包Vue移动端项目，见之前的一篇文章： Capacitor+Vue+Vant移动端打包总结 下面是亲测实现了基于Capacitor中Android和js互调。 WebView可访问的
Capacitor
qq_39239110的博客
06-13 1042
Capacitor:https://www.cnblogs.com/huangenai/p/9887448.html
ionic capacitor build android
06-08
`ionic capacitor build android` 是一个 Ionic 命令，它的作用是构建 Capacitor Android 平台的应用程序。使用这个命令之前，你需要先执行 `ionic build` 命令来构建你的应用程序。 当你运行 `ionic capacitor ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值