vue3.0 引入极光IM的jmessage-sdk-web报错解决方法

最新推荐文章于 2023-02-27 20:00:00 发布
最新推荐文章于 2023-02-27 20:00:00 发布
阅读量1k 收藏 1
点赞数
分类专栏： 聊天 极光IM 文章标签： vue 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43968043/article/details/109197194
版权

极光IM的jmessage-sdk-web引入 vue框架项目

官方社区回答直接把jmessage-sdk-web.js文件放在assets中用 import引入 ，个人尝试是不行的，会报错误
在这里插入图片描述

一开始以为是Eslintrc编译报错在jmessage-sdk-web.2.6.0.min.js顶部加
/* eslint-disable */
禁止Eslintrc编译发现还是报错，引入其他版本jmessage-sdk-web还是会有报错
在这里插入图片描述

结论： 在vue打包jmessage-sdk-web.2.6.0.min.js报错

解决方法： 直接在public文件下index.html里通过script标签引入jmessage-sdk-web.2.6.0.min.js下载下来的文件就解决了
在这里插入图片描述

在这里插入图片描述

�iiiiiii
关注
专栏目录
Vue3 使用vue-seamless-scroll 轮播组件报错问题解决
朝花夕拾的博客
07-11 2167
这里写的小写v就会报上面的错误 改成大写就好了。如下错误看引入的组件名称是否写错。SFC(单文件)注册。
三、vue3.0之路由(vue-router)配置及语法
热门推荐
张先森的博客
05-27 1万+
vue3.0的路由(vue-router)
项目自动集成极光推送的JMessage
我要，我要，我还要
11-28 907
项目集成 项目使用自动集成，进行一下四步： 确认android studio的 Project 根目录的主 gradle 中配置了jcenter支持。 buildscript { repositories { jcenter() } ...... } allprojects { repositories { jcenter() ...
jmessage sdk
05-20
jmessage.min.js
vue-cli中使用cordova插件(JMessage)的一种方法
猿子
11-29 1292
困扰了半天时间，项目生成APP后可以在console中直接输入JMessage打印出对象，但是在vue中却不能。 看到jpush的调用方法是window.plugins.JPushPlugin，但是照葫芦画瓢window.plugins.JMessagePlugin行不通 折腾半天，应该使用 window.JMessagePlugin ...
极光JMessage：IM即时通信集成群聊简单实现（无需自己搞后台和数据库）
侠亦狐的博客
12-21 3090
一、注册极光账号，创建应用 网址：首页 - 极光 二、集成sdk： 1、项目的build.gradle添加mavenCentral()： buildscript { repositories { ... mavenCentral() } ... } allprojects { repositories { ... mavenCentral() } } 2、app的build.g.
Vue 集成环信 全局封装环信WebSDK 可直接使用
xqhys的博客
08-16 1027
/Step1、安装easemob-websdk // npm install --save easemob-websdk //Step2、安装strophe.js underscore crypto-js // npm install --save strophe.js underscore crypto-js Update 2019-6-19 更新 使用 hx-w...
ionic3，ios版，cant found JMessage解决办法
strong90的博客
01-11 403
ionic3，ios版，cant found JMessage解决办法 1. 在极光官网下载：jmessage-sdk-web-2.1.0.min.js 2. 放入ionic3项目中； 3.index.js 引入：； 4.ts中引入     //引入jmessage     declare var JMessage:any; 5.即可调用其他a
vue 引入weixin-js-sdk报错： import wx from ‘weixin-js-sdk‘ wx=‘undefined‘
最新发布
且听风吟的博客
02-27 2049
vue 引入weixin-js-sdk报错： import wx from ‘weixin-js-sdk‘ wx=‘undefined‘
Vue3.0-devtools-6.0.0-beta-7-Crx4Chrome.zip
03-28
（1）vue 3.x 调试工具：Vue3.0-devtools-6.0.0-beta-7-Crx4Chrome...（4）如果安装的时候报错：程序包无效:"CRX_HEADER_INVALID"解决方法：将扩展名.crx改为.rar解压出来，然后使用“加载已解压的扩展程序”进行安装。
jmessage-sdk-web-2.6.0 (1).zip_H4L_JMessage H5_Jmessage_automobi
09-21
这是一个基于Web端的极光IM的SDKDemo
极光IM在WEB端的使用
08-11
极光IM在web端使用
vue3.0引入element-ui（标准版）
qq_37698249的博客
01-02 1182
vue3.0引入element-ui（标准版） Element-ui兼容3.0官网文档： https://element-plus.gitee.io/#/zh-CN/component/quickstart 1.通过vuecli搭建3.0vue项目 2.npm i element-plus 一. main.js： import { createApp } from "vue"; // ********** 引入elementui 关键两句************** // import Eleme
即时聊天：前端react+极光IM
qq_43001049的博客
03-22 4225
首先在官网下载极光IM的SDK 下载地址：https://docs.jiguang.cn/jmessage/resources 由于我开发app时用的是react，所以为了方便开发，SDK优先选择使用Web Sdk 下载解压完之后，将文件直接复制到项目中，然后在网页中引入 <script src='./static/jmessage-sdk-web.2.6.0.min.js'></script> 这个文件里面有demo，基本把极光IM当前可以用的功能全都展示出来了，大家可
uni-app引入极光im
weixin_40216358的博客
11-02 4902
uni-app引入极光im 最近在使用uni框架开发app，app需要有聊天的功能，由于之前项目是使用极光im的，但是之前的引入方法不太正确，导致im初始化慢或总是断掉的问题。于是我就乖乖按照极光文档中引入小程序的方法重写了代码。 注意点：极光官网上目前的小程序sdk版本是1.4.2的，但是我用最新版本总是连接不上，所以该教程引用的是1.4.0 在项目某个目录下创建js文件,命名为chat.js...
极光JMessage
u011118092的博客
02-28 2295
1.集成： 把 JMessage.framework 文件加入到项目里。把 JMessafe.framework 目录下的 jcore-ios-x.x.x.a（x.x.x 为jcore 版本号） link 到工程中。(注意：link到JMessafe.framework下的core-ios-x.x.x.a添加)； 2.：消息返回方法调用 实现JMessageDelegate,JM
Android(2) 极光sdk实现登录注册功能（第三方通信）
郑清
05-25 4469
@先看看效果是不是自己想要的吧@ 参考极光文档：https://docs.jiguang.cn/jpush/client/Android/android_guide/ android手动集成： 第一步：下载sdk资源https://docs.jiguang.cn/jpush/resources/ 第二步：解压缩 jpush-android--3.x.x-release.zip 集成...
基于vue的实时交流聊天系统软件设计
毕业作品网站
09-18 1330
虽然我个人能力和时间都有限，但是网站还是要尽可能地实现其它聊天软件有的基本功能，预期要达到的功能有：使用邮箱登录注册以及修改密码、可以与好友单独聊天或者建群群聊、聊天可以发送文本、表情、图片等信息、可以根据号码搜索出用户或群聊进行操作、可以写动态给所有好友看并且可以评论和@好友、用户可以修改自己的4基本信息、修改网站的背景、本文转载自http://www.biyezuopin.vip/onews.asp?（2）好友申请、加群、发送消息等情况用户会被动接受数据并提示。（2）可以发送文本、表情、图片。
vue组件化引入message.js文件实现$message消息语句按需引入
asteriaV的博客
12-10 4403
最近用vue写项目时有用到$message消息提示语句，又觉得每次添加都要几行代码过于累赘，如下所示 this.$message({ showClose: true, message: "没有找到记录！", type: "warning", center: true ...
Vue3.0-devtools-6.0.0-beta-7-Crx4Chrome插件安装指南
Vue.js开发者可以利用Vue-devtools来监控应用的状态，调试组件以及进行性能分析。这使得开发者能够更高效地找到并修复bug，优化应用的性能。 6. **前后端知识**：此知识点不仅涉及前端技术，如Vue.js和Chrome扩展...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值