使用Socket.io遇到错误RangeError: Maximum call stack size exceeded

最新推荐文章于 2025-04-08 09:37:08 发布
最新推荐文章于 2025-04-08 09:37:08 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： javascript nodejs 文章标签： nodejs socket.io Maximum call stack websocket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013560932/article/details/83932208
版权
本文介绍了在使用Socket.io时遇到的`RangeError: Maximum call stack size exceeded`错误，错误的根本原因是尝试传输包含循环结构的JSON数据。在服务器端触发emit事件时，由于buffer.js在处理数据时未妥善处理循环结构，导致栈溢出。正确做法是避免在emit中传递含有循环引用的对象，以防止此类错误的发生。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

RangeError: Maximum call stack size exceeded

错误原因

传输数据不要传输socket对象(JSON),socket是一个包含循环结构的JSON,会引起buffer.js的爆栈错误！

起因

我在服务器对client emit事件传输数据的时候出现了这个错误，这个错误有一个非常糟糕的关键词，最大栈调用（爆栈），这个关键词严重阻碍了我在Google上寻找答案，后来我单步调试，找到了出错的原因，爆栈只是表象原因，根本原因在于buffer.js对发送数据的处理
在这里插入图片描述

原因

其实原因很简单，就是emit发送的JSON数据中包含一个循环的结构（circular structure）。
什么是循环的结构呢？
下面的A就包含一个循环的结构,使用JSON.stringify(A)的话会得到错误，表示无法把一个循环结构的JSON转成字符串
在这里插入图片描述

为什么传输数据的循环结构会导致最大栈调用错误呢？
因为在buffer.js 为了得到传输数据（JSON）的内容、长度，它会递归遍历你传输的数据，很显然它没有对循环结构的JSON做很好的处理，所以直接导致了爆栈错误；
反观JSON.string

最低0.47元/天 解锁文章
Socket.IO连接异常时的内置事件流程图
专业踩坑三十年
09-25 9349
参考Soket.IO官方文档：https://socket.io/docs/client-api/，客户端内置事件一共有10种，测试代码如下： socket.on('connect', function(data){ onlineFlag = true; console.log(data + ' - connect'); }); socket.on('connect_error'
console 报错 之 Uncaught (in promise) RangeError: Maximum call stack size exceeded
Orange_hhh的博客
07-03 3538
vue 报错: `“RangeError: Maximum call stack size exceeded”` 报错通常是由于***无限的递归*** 导致的。当使用 Vue 路由时，如果设置不当，会导致无限的递归，最终导致栈溢出，即 “RangeError: Maximum call stack size exceeded” 报错。 所以结论是需要检查路由设置中是否存在循环依赖或死循环。
Maximum call stack size exceeded
jieyigeweixiao的博客
05-21 347
Maximum call stack size exceeded 超过了最大调用堆栈大小 参数未定义
String.fromCharCode.apply Maximum call stack size exceeded 栈溢出问题
最新发布
yxfmlbb的专栏
04-08 143
使用 String.fromCharCode.apply 函数时，如果数据过大会导致 Maximum call stack size exceeded 栈溢出问题，可以按以下方式修改。
network-socket IOError
ENJOY-NOW
10-25 640
IOError: [Errno socket error] [Errno 10054] An existing connection was forcibly closed by the remote host ----------------reference------------- 1. http://stackoverflow.com/questions
Socket报错：BlockingIOError和greenlet.error
小花生的博客
07-29 941
报错：   BlockingIOError: [Errno 11] Resource temporarily unavailable   greenlet.error: cannot switch to a different thread Exception in thread Thread-1: Traceback (most recent call last): File "/root/miniconda3/envs/fancp/lib/python3.6/site-packages/gevent
解决Mongoose 返回的文档过大导致模板引擎无法渲染的问题，错误-RangeError: Maximum call stack size exceeded
qq_40659195的博客
03-11 2201
最近尝试用Node写一个小案例，使用到了MongoDB，使用过的人可以知道，Node-js操作MongoDB的官方包实在有些麻烦，为了方便开发，使用了mongoose这样的一个中间插件，但是却发现，查询的数据无法通过art-template渲染（注： 这里使用的express框架，通过express配置的art-template），结果报错：Maximum call stack size ex...
RangeError: Maximum call stack size exceeded
关注移动端、Web、微信小程序等大前端领域
10-21 550
安卓设备 V8引擎执行 js 代码报错：RangeError: Maximum call stack size exceeded 的解决方案
Uncaught RangeError: Maximum call stack size exceeded
weixin_40945354的博客
10-28 541
Uncaught RangeError: Maximum call stack size exceeded at assignValue (utils.js?c532:276) at forEach (utils.js?c532:251) at merge (utils.js?c532:289) at assignValue (utils.js?c532:280) at forEach (utils.js?c532:251) at merge (utils.j
vue中$watch的使用（解决RangeError: Maximum call stack size exceeded）
吹口琴的喵喵~~的博客
07-07 1335
碰到的问题： 在一个需求中，对一个表单的更改需要做一个历史记录的功能，由于这个表单非常大（是对一篇文章进行编辑），所以不可能具体到某一个属性，所以采用了watch监听的方法，设置{deep: true}。然而，在预览的时候碰到了RangeError: Maximum call stack size exceeded的错误，经过一番排查，定位到是watch监听引起的，再具体的就不知道什么问题了。 即使业务代码什么也没有写，只是简单的console.log也不行。只要设置了deep: true就会报错，非常头疼
RangeError: Maximum call stack size exceeded的解决方案
2301_79779756的博客
08-17 7459
RangeError: Maximum call stack size exceeded 错误是由于调用栈深度超限引发的。主要原因是无限递归、过深的函数调用链或错误的函数调用。解决这一问题的关键在于优化递归逻辑、减少函数调用深度、必要时调整栈大小，并利用调试工具排查问题。通过这些方法，可以有效避免和修复调用栈超限的问题。
Maximum call stack size exceeded报错的原因及解决办法
热门推荐
博哥的二进制世界
06-30 11万+
Maximum call stack size exceeded报错的原因及解决办法背景解决办法Maximum call stack size exceeded报错原因如何解决 背景 在使用ElementUI的Select选择器，其中有一个可搜索的选择器，意思就是用户输入文字，选择器option选项可以模糊搜索（根据用户输入的文字推荐选项） 然后我给选择器的el-option根据数组 Options 进行遍历，该数组长度大概15万条，总之就是为了推荐选项更为精确，数组长度十分巨大 <el-selec
小程序setData赋值报错Maximum call stack size exceeded
weixin_45057792的博客
09-15 658
赋值报错Maximum call stack size exceeded 先定义一个变量，通过JSON.stringify序列化返回数据。 然后在JSON.parse转回去进行赋值就可以了 a.then(res => { var data =[] data = JSON.stringify(res) that.messageList = JSON.parse(data) console.log(that.messa...
vue前端运行时出现RangeError: Maximum call stack size exceeded
宁波阿成的博客
12-28 2935
vue前端运行时出现RangeError: Maximum call stack size exceeded
SOCKET编程部分I/O的初步解决
lin3ux的博客
06-21 245
套接字的部分I/O
uni-app、小程序项目分包经验之谈与天坑异常：RangeError: Maximum call stack size exceeded
积跬步，至千里。
10-26 4151
uni-app、小程序项目分包经验之谈与天坑异常：RangeError: Maximum call stack size exceeded
Maximum call stack size exceeded错误
ttter_的博客
10-07 9万+
日期加减操作、Maximum call stack size exceeded错误
Unity3D WebGL异常：RangeError:Maximum call stack size exceeded
码了个球
05-14 5664
造成该异常通常有两种原因： 1. UnityLoader路径设置问题。 2. StreamingAssets文件夹目录问题。 默认发布WebGl之后，会有一个 Index.html 文件，内容大致如下： &lt;!DOCTYPE html&gt; &lt;html lang="en-us"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt...
Unity Webgl 常见报错解决
weixin_45729432的博客
05-23 1583
【代码】Unity Webgl 常见报错解决。
vue.runtime.esm.js:3104 RangeError: Maximum call stack size exceeded
02-28
### Vue 项目中 `RangeError: Maximum call stack size exceeded` 错误解决方案 #### 路由守卫引起的死循环 当遇到 `vue-router.esm.js:2316 RangeError: Maximum call stack size exceeded` 这类错误时，通常意味着存在无限递归或死循环的情况。具体来说，在路由配置中的导航守卫可能存在问题[^1]。 为了修复这个问题： ```javascript // 正确的路由守卫设置方式 router.beforeEach((to, from, next) => { if (someCondition) { next(); } else { // 避免重复进入同一个页面造成的死循环 if (from.path !== to.path) { next('/otherPath'); } else { next(false); } } }); ``` #### 表单验证事件处理不当引发的问题 对于表单控件触发的事件处理器如 `el.form.blur` 报错 `RangeError: Maximum call stack size exceeded` ，这可能是由于在条件判断失败后的逻辑分支里反复执行相同的操作所引起[^2]。 可以采取如下措施来防止这种情况发生: ```javascript let timeoutId; const validateField = () => { clearTimeout(timeoutId); // 清除之前的定时器以防多次触发 setTimeout(() => { // 执行实际的校验逻辑... }, 500); // 设置合理的延迟时间以减少频繁调用频率 }; ``` #### 组件命名冲突导致的异常 如果是在使用 `<trigger-item>` 自定义组件时报出类似的错误，则需留意是否存在名称上的重叠。例如父级组件与子组件之间共享相同的注册名字可能会造成意想不到的行为并最终抛出上述异常[^3]。 调整策略可参照下面的做法： ```html <!-- 修改前 --> <template> <div> <!-- ...其他代码... --> <trigger-item></trigger-item> <!-- 和内部定义的名字相撞 --> </div> </template> <script> export default { name: 'TriggerItem', // 删除这一行或者更改成别的唯一标识符 } </script> ``` #### 源码层面排查潜在问题 最后一种情况涉及到更底层的原因分析——即检查应用程序源文件内是否含有任何可能导致函数间相互无休止调用的情形。这类情形下建议采用逐步排除法定位确切位置[^4]。 通过以上几种方法应该能够有效应对大部分场景下的 `Maximum call stack size exceeded` 类型的错误。当然每种具体情况还需结合项目的实际情况做适当调整。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值