解决 uniapp报错:TypeError: WebSocket is not a constructor

这篇具有很好参考价值的文章主要介绍了解决 uniapp报错:TypeError: WebSocket is not a constructor。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

这个错误让我的页面显示不出来,白屏,错误信息如下:

TypeError: WebSocket is not a constructor

首先要确认mqtt版本,我之前是4.+,后来改成3.0.0解决一部分问题

npm ls mqtt
npm i mqtt@^3.0.0

白屏是因为要条件编译,app端是“wx://”,h5端是"ws://“”

这样白屏解决,但是app端一直连接不上,可能是clientId的问题,我改了之后就完美接收到信息

代码如下:

const mqtt = require('mqtt/dist/mqtt.js')
var client;
// #ifdef H5
 const options = {
   port: 8083,
   connectTimeout: 4000,
   clientId: "mqtt_" + Math.random().toString(16).substr(2, 8),
 };
client = mqtt.connect("ws://xxx.xxx.x.xx/mqtt", options);
//#endif

// #ifdef APP-PLUS
// 获取终端标识
var pinf = plus.push.getClientInfo();
var clientId = pinf.clientid; //客户端标识
 const options = {
   port: 8083,
   connectTimeout: 4000,
   clientId,
 };
client = mqtt.connect("wx://xxx.xxx.x.xx/mqtt", options);
//#endif

websocket is not a constructor,websocket
参考:

https://blog.csdn.net/qq_31754523/article/details/109511628
https://ask.dcloud.net.cn/question/106630
https://ask.dcloud.net.cn/article/id-38673文章来源地址https://www.toymoban.com/news/detail-603092.html

到了这里,关于解决 uniapp报错:TypeError: WebSocket is not a constructor的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决报错TypeError: Object of type int32 is not JSON serializable

    当我们尝试将 numpy int32 对象转换为 JSON 字符串时,会出现 Python“TypeError: Object of type int32 is not JSON serializable”。 要解决该错误,请先将 numpy int 转换为 Python 整数,然后再将其转换为 JSON,例如 下面是错误如何发生的示例。 我们尝试将 numpy int32 对象传递给 json.dumps() 方法,但

    2024年02月06日
    浏览(53)
  • uniapp 小程序 使用 new FormData 报错,is not defined 问题解决(没解决)

    new FormData 只适用于web端,uniapp 小程序不适用,这里当时也卡了一下,随便用个js文件发现其实FormData也使用不了,所以如果要配置formData 的格式 无法使用FormData,会报 FormData is not defined. 原文 原文 原文 最终代码:

    2024年01月19日
    浏览(51)
  • uniapp 小程序 使用 new FormData 报错,is not defined 问题解决

    new FormData 只适用于web端,uniapp 小程序不适用,这里当时也卡了一下,随便用个js文件发现其实FormData也使用不了,所以如果要配置formData 的格式 无法使用FormData,会报 FormData is not defined. 解决方法1: 使用uniapp 自带的api uni.uploadFile(OBJECT)       官网api地址:uni.uploadFile(OBJECT) | u

    2024年02月11日
    浏览(58)
  • python 报错TypeError: ‘float‘ object is not callable

    python公式中少打了乘号“*”,如下图所示 一般是变量名与函数冲突,如本文中前面代码用到sum,后面直接用sum()函数同样报错,下图: 检查公式是否少打“*”号,python中对格式要求比较严格,不能直接用数学中省略符号的算式 调用函数,sum()函数用np.sum()函数 python报

    2024年02月10日
    浏览(43)
  • spark中使用flatmap报错:TypeError: ‘int‘ object is not subscriptable

    菜鸟笔者在运行下面代码时发生了报错: 报错描述如下:  显然这是传入的数据类型发生了错误: 因为我们试图对整数对象执行下标操作,而这是不允许的。 原来flatMap底层通过取下标来展开元素 如果rdd集合里面有非可迭代对象(如int元素)则会报错TypeError: \\\'int\\\' object is n

    2024年02月04日
    浏览(41)
  • React报错修复:“Uncaught TypeError: destroy is not a function”

    报错: Uncaught TypeError: destroy is not a function at commitHookEffectListUnmount 如果你在useEffect函数中使用了async,运行后会出现该报错。 原理解析:     要知道,useEffect 钩子函数的一个特性是清理功能,即return函数。如果你从 useEffect 钩子函数返回任何东西,它必须是一个清理函数

    2024年02月19日
    浏览(67)
  • 完美解决TypeError: ‘method‘ object is not subscriptable

    完美解决TypeError: ‘method‘ object is not subscriptable 下滑查看解决方法 TypeError: ‘method‘ object is not subscriptable 这个错误通常出现在尝试对一个方法进行索引操作时。 下滑查看解决方法 可能有以下几种原因导致这个错误: 方法名写错:请检查方法名是否正确拼写并确保正确引用

    2024年02月07日
    浏览(43)
  • 【已解决TypeError: ‘dict‘ object is not callable】

    情况1: 取字典内容的时候使用的是() 解决: 将()改为[ ] 情况2: 原来已经定义过dict函数,此时想使用python内置函数就会报错 可以看到如果我们先定义一个dict,那内置函数就会报错。 解决: 将之前定义的dict函数删掉 删除方法:你可以直接删掉函数重新运行,也可以

    2024年02月15日
    浏览(46)
  • TypeError: ‘float‘ object is not subscriptable 已解决

    其实就是个小问题,但是爆出来的时候也很莫名其妙。因为之前都跑得好好的,只是换了不同的文件去跑才出的问题,关键是不同的文件要处理的内容和格式都是完全一样的,一个顺利跑完,一个就报TypeError: ‘float’ object is not subscriptable这个错,就非常无语。接下来就是看

    2024年02月11日
    浏览(47)
  • 报错TypeError: Class extends value undefined is not a constructor or null

    在执行npm run build的时候遇到了错误:TypeError: Class extends value undefined is not a constructor or null;而执行npm run serve是可以正常执行的,报错如下: Building for production... ERROR  TypeError: Class extends value undefined is not a constructor or null TypeError: Class extends value undefined is not a constructor or null

    2024年02月16日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包