1005918854@qq.com
1005918854@qq.com
  • 发布:2020-07-09 15:11
  • 更新:2020-10-18 16:16
  • 阅读:524

【报Bug】App端 mqtt使用报错 [Vue warn]: Error in event handler for "api.onSocketTaskStateChange"

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: mac catalina 10.15.3

HBuilderX类型: 正式

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: Mate 20

页面类型: vue

nvue编译模式: fast

打包方式: 云端

项目创建方式: CLI

CLI版本号: 27920200618002

App下载地址或H5⽹址: https://ext.dcloud.net.cn/plugin?id=854

示例代码:

参考 插件市场 mqtt-demo,mqtt 引入方式改为 import mqtt from 'mqtt' 可以复现

操作步骤:

打开插件市场的mqtt-demo项目,mqtt 引入方式改为 import mqtt from 'mqtt',运行到手机上,点下页面上的connect按钮,hbuildx控制台中会出现error信息
[Vue warn]: Error in event handler for "api.onSocketTaskStateChange": "TypeError: First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object." ...

打开调试,可正常使用

预期结果:

运行不报错,可以正常接收到服务器推送的数据

实际结果:

控制台报错,不能接收到服务器推送的数据

bug描述:

在App、android 使用插件市场 mqtt-demo 中的 mqtt 版本。在微信小程序与h5中都能正常使用,在安卓端按照mqtt-demo中的方法使用异常,在socket连接成功之后报错:
[Vue warn]: Error in event handler for "api.onSocketTaskStateChange": "TypeError: First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object."
(found )
TypeError: First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.

但是问题来了:当我打开调试模式的时候,就可以正常使用了。

经研究后发现报错位置在 node_modules/mqtt/lib/connect/wx.js 文件下 bindEventHandler -> socketTask.onMessage() 函数,
在socketTask.onMessage() 返回的数据中res.data一直是个空Object, 导致其下方代码执行报错。

2020-07-09 15:11 负责人:无 分享
已邀请:
LeoHuang

LeoHuang

今天刚刚使用了mqtt

npm install mqtt  
var mqtt = require("mqtt/dist/mqtt");  
var client = mqtt.connect(url, opt)  
client.on("connect", () => {  
    console.log("CONNERC SUCCESS")  
})

重点就是使用的是mqtt/dist/mqtt里面的js,而不是直接require('mqtt');
另外协议是wxs或者wx,而不是wss和ws,本质上使用的是小程序的socket

  • 1005918854@qq.com (作者)

    非常感谢,已经找到了问题的原因了,app端中直接require('mqtt')会报错,使用打包后的库就没有问题。

    2020-07-10 12:26

409454933@qq.com

409454933@qq.com - 1

请问一下 ArrayBuffer 应该如何发送啊

您的名字

您的名字

arrayBuffer 可以将数组转JSON.stringify(login_data)

要回复问题请先登录注册