uniapp 使用mqtt后真机调试白屏？或者 WebSocket || WS is not a constructor

原创 已于 2024-01-11 09:01:13 修改 · 3.9k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #前端

于 2022-10-29 09:48:53 首次发布
博客提到高版本 mqtt 不稳定，建议安装 3.0 版本，并要将连接替换为包含 ws 和 wx 的代码，最后作者希望路过的朋友点赞。

1.都说高版本mqtt不稳定，所有安装3.0的吧

npm i mqtt@3

2.把连接替换成功这个代码

// #ifdef H5
console.log('h5')
client = mqtt.connect(`ws://120.25.155.46:8083/mqtt`, options)
//#endif

// #ifdef APP-PLUS
console.log('app')
client = mqtt.connect(`wx://120.25.155.46:8083/mqtt`, options)
//#endif

主要是ws和wx

路过的朋友们，有用赏个赞吧

uniapp - 解决mqtt报错 c.onOpen is not a function，在uniapp项目中使用MQTT（在uniapp小程序/h5网页/安卓苹果app端中使用mqtt协议报错解决）
高级前端工程师
12-29 1万+
uniapp，mqtt，报错，c.onOpen is not a function，uni-app使用mqtt报错，如何解决这个问题，uni.connectSocket，uniApp app端安卓苹果ios，uniapp小程序，uniapp h5平台，安装集成MQTT物联网协议无法使用，uniapp 使用mqtt 报错c.onOpen，mqtt最新版，降低版本还是报错，mqtt@3.0.0，uni.connectSocket没设置回调函数就会报错，使用mqtt连接不上，APP报错，最新解决办法，依旧不行，还
uniapp - 完美解决 mqtt 插件报错：socketTask onOpen is not a function问题（在uniapp小程序/h5网页/安卓苹果app端中使用mqtt协议报错解决）
高级前端工程师
01-16 4016
uniapp，mqtt，报错，onOpen，uniapp mqtt使用onOpen报错，uniapp引入mqtt物联网协议报错怎么办，uniapp安卓苹果app端/h5网页/小程序中使用mqtt协议报错解决，uniapp使用mqtt控制台报错socketTask onOpen is not a function如何解决，如何解决报错，怎么解决该报错，uniapp 连接mqtt H5正常连接成功，APP报错 socketTask.onOpen is not a function，在nvue中报错TypeErr
使用mpvue初始一个微信小程序项目，并使用mqtt协议连接阿里云
网安小白
04-10 1881
主要是用mpvue来创建一个微信小程序项目， 然后使用mqtt协议连接阿里云， 该方法使用的是阿里云官方封装的mqtt.js 也可以使用mqtt-npm
uniapp,微信小程序中使用 MQTT的问题
10-15
主要介绍了uniapp,微信小程序中使用 MQTT的问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
uniapp使用WebSocket uniapp使用WebSocket Uniapp整合WebSocket uniapp使用 websocket
半只
07-29 5286
代码中的示例只在 H5、APP环境下成功运行，小程序环境下如果无效，需要使用预编译 - 条件性的编译，适配 小程序环境#ifdef H5：针对 Web H5页面。：针对原生应用（Android 和 iOS）。：针对微信小程序。：针对支付宝小程序。：针对百度小程序。：针对字节跳动小程序。：针对 QQ 小程序。：针对快手小程序。：针对京东小程序。
uniapp 开发安卓项目实现mqtt链接
weixin_43545329的博客
09-07 2580
做一个工厂扫码主动推送到pad上的一个需求需要用到mqtt链接 首先需要引入mqttws31.js 注意不是官方那个版本是后面对其内容做出了一些修改内容过长放在最后面 let $mqtt = require("@/common/js/mqttws31.js"); export default { mixins: [mixin], components: { myNav, empty }, data() { return { TabCur: 0, sc
解决 uniapp报错：TypeError: WebSocket is not a constructor
热门推荐
weixin_54918398的博客
03-13 1万+
参考： https://blog.youkuaiyun.com/qq_31754523/article/details/109511628 https://ask.dcloud.net.cn/question/106630 https://ask.dcloud.net.cn/article/id-38673 这个错误让我的页面显示不出来，白屏，错误信息如下： TypeError: WebSocket is not a constructor 首先要确认mqtt版本，我之前是4.+，后来改成3.0.0解决一部分问题
使用uni-app开发app时遇到mqtt.js不可用的问题
Alan_Walker688的博客
04-24 2979
使用uni-app开发app时遇到mqtt.js不可用的问题踩坑与记录。
uniapp web客户端及mqtt+http服务端(express)实例
12-13
该项目涵盖uniapp框架设计的web客户端（内置丰富的组件使用实例及http、mqtt客户端服务端通信），以及基于node.js的express框架设计的服务端（内置http、mqtt服务端架构实例），数据库使用传统数据库MySQL。...
unionapp+mqtt 真机运行白屏 TypeError: WS is not a constructor
05-25
这个错误可能是因为您在使用 WebSocket 时没有正确引入相关的库。具体来说，您需要在代码中先引入 WebSocket，然后再使用它。您可以尝试使用以下代码： ``` import { WebSocket } from 'ws'; ``` 如果您使用的是 ...
在小程序中使用mqtt，报错URL is not a constructor
meng2lin的博客
12-24 2011
代码 import mqtt from '../../utils/mqtt.min.js' //引入mqtt data(){ return{ options:{ clean: true, // 保留回话 connectTimeout: 4000, // 超时时间 clientId:'mqtt_mini'+Math.random().toString(16).substr(2, 6), username: 'test1',
cocos creator 3.8.6 websocke的一直报错WebSocket is not a constructor
最新发布
qq_16827895的博客
07-25 793
针对Cocos Creator 3.8.6安卓应用中WebSocket报错问题，解决方案有：1）检查构建面板是否勾选"网络"模块；2）推荐使用cc.Socket替代WebSocket（仅原生平台）；3）避免第三方库覆盖全局WebSocket。注意：Web端仍需使用标准WebSocket，cc.Socket的事件绑定方式与WebSocket不同。建议优先采用官方推荐的cc.Socket方案，并确保网络模块未被裁剪。
uni-app使用plus本地推送通知栏信息，不使用第三方个推实现消息在线统一推送、消息通知（MQTT、WebSocket、setInterval定时器）
huangfuyk.的博客
07-10 1万+
uni-app使用plus本地推送通知栏信息，不使用第三方个推实现消息在线统一推送、消息通知（MQTT、WebSocket、setInterval定时器）
uniapp做WebSocket
qq_39882919的博客
08-17 2252
首先链接的地址要先拿在websocket在线调试去调试是否能连接通 不然下面的操作就不知道错误 // 建立websocket connectSocketInit() { // 创建一个this.socketTask对象【发送、接收、关闭socket都由这个对象操作】 uni.connectSocket({ // 【非常重要】必须确保你的服务器是成功的,如果是手机测试千万别使用ws://127.0.0.1:9099【特别容易犯的错误】 // url: 'wss://'+..
微信小程序uniapp出现白屏怎么解决（总集）
weixin_44295184的博客
12-29 1万+
微信小程序uniapp出现白屏怎么解决（总集）
一篇就够:uniapp-Mqtt系列问题详细攻略(解决掉线、真机调试错误等问题)
04-26 1万+
不使用mqtt公共服务器来做项目测试需要知道协议转换，以及微信小程序的策略真机调试不上，更换js文件以上就是今天分享的经验，对于还在摸索mqtt的你一定有帮助，这是我花了5个小时踩坑的经历，希望对你有用！💥推荐我的爬虫文章（收费专栏-用心提高质量）💥🤟《记一次云之家签到抓包》🤟《记一次视频抓包m3u8解密过程》🤟《抓包部分软件时无网络+过代理检测 解决办法 安卓黄鸟httpcanary+vmos》🤟《Python】记录抓包分析自动领取芝麻HTTP每日免费IP（成品+教程）》
【vue3常见报错7】Uncaught TypeError - xxx is not a constructor
朱远辉的博客
05-19 3907
【vue3常见报错7】Uncaught TypeError - xxx is not a constructor
项目引入 mqtt 报错 Uncaught ReferenceError: Buffer is not defined
weixin_44180427的博客
06-27 2400
Uncaught ReferenceError: Buffer is not defined
nodeJs xxx is not a constructor 报错原因
hsw
07-19 2352
这里举个例子说明下，假如在A文件中引入了B文件，B文件中引入了C文件，此时是没问题的，但是如果在C文件中再引入A文件或者B文件，就会出问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xl__qd

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值