1.背景

在半年前写了一个列表的页面，做好了给客户一直在用，这个列表的数据量增加较多，每天大概会新增2万条左右。直到最近客户反应说代码列表查询不了。这个问题很奇怪，360浏览器没有报错，谷歌浏览器却一直报错：RangeError: Maximum call stack size exceeded。发现列表数据量总条数有200多万条，每页10显示，总页数20多万条。由于问题现象很奇怪，浏览器现象各不相同，百度也找不到解决办法，百度大部分都说是大量的递归调用导致，但是发现代码比较简单，根本没有递归调用的方法。该问题必须要解决，这是客户比较常用的功能模块。于是一行一行注释代码和报错信息进行排查发现问题所在。

2.发现问题类似代码

发现只要注释这两行给列表赋值的代码就不再报错。其实真正的问题不在这里。我之所以发现问题所在。之前没有经验，排查了很久，第二天才忽然发现有个地方for循环空循环了20多万次，导致出现问题。循环20多万次的根本原因是数据量增加，页数也增加导致。

3.解决办法

（1）后端控制最多显示1000页

（2）前端优化for循环的代码，减少for循环次数1000次，还可以更多，但是建议不要太多。

总结：出现堆栈溢出的情况，无非还是自己的代码有问题。这时需要检查代码是否重复调用。比如递归次数太多一直没有退出。还有就是for循环次数太多导致，注意空循环也会导致，只要for中有if判断代码。

最后问题完美解决。

vue报错RangeError: Maximum call stack size exceeded相关推荐

路由报错RangeError: Maximum call stack size exceeded at redirect (vue-router.esm.js?8c4f:1394:1)
本文主要介绍了报错 [Vue warn]: Error in render: "RangeError: Maximum call stack size exceeded" foun ...
Webpack打包报错RangeError: Maximum call stack size exceeded
报错信息: RangeError: Maximum call stack size exceeded- Array.join- loader.js:228 Function.Module._findP ...
Js报错：Maximum call stack size exceeded
 <script>function mul(n) {return n * mul(n - 1)}alert(mul(100)) < ...
Vue -- 项目报错整理(1)：RangeError: Maximum call stack size exceeded
这几天项目运行报了个错: Uncaught RangeError: Maximum call stack size exceeded,刚开始看到 "returnNodeParameter&q ...
解决 VUE前端项目报错：RangeError: Maximum call stack size exceeded
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 我点击菜单按钮报错: RangeError: Maximum call stack size ...
JS报错：Uncaught RangeError: Maximum call stack size exceeded
之前,遇到Uncaught RangeError: Maximum call stack size exceeded,查了一下,这个就是"最大堆栈超过了最大值",一般这种错误也是在 ...
Uncaught RangeError Maximum call stack size exceeded
前端报错:Uncaught RangeError:Maximum call stack size exceeded at RegExp.exec() 报错原因为栈溢出,大多因为递归导致,无限循环调用自 ...
黑马博客实战项目中 Mongoose 错误-RangeError: Maximum call stack size exceeded，返回的文档过大导致模板引擎无法渲染的问题
黑马博客实战项目中遇到的bug,过程写得很简略仅供自己复习参考,解决办法在文末加粗了,可以直接跳到文末查看只是暂时解决了问题,但对问题的本质还没有清晰认识,希望有大佬指教. 只要加入populate ...
ERROR in app.js from UglifyJs RangeError: Maximum call stack size exceeded
在使用webpack中的uglify时报错: ERROR in app.js from UglifyJs RangeError: Maximum call stack size exceeded 看了 ...
vue 微信开发工具 Maximum call stack size exceeded
文章目录现象原因解决方案现象某段代码出现了内存溢出的现象原因出现了死循环调用的代码片段解决方案仔细检查一下,很容易发现的案例场景: [Vue warn]: Error in v-o ...

vue报错RangeError: Maximum call stack size exceeded