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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。