具有未处理拒绝的React functional应用程序(RangeError)：超过最大调用堆栈大小
React functional应用程序中的"具有未处理拒绝的RangeError：超过最大调用堆栈大小"错误通常是由于递归函数的无限循环或者递归调用次数过多导致的。当函数被递归调用的次数超过JavaScript引擎的最大调用堆栈大小时，就会抛出这个错误。
要解决这个错误，可以采取以下几种方法：
- 检查递归函数的逻辑：确保递归函数的终止条件正确，并且递归调用的参数能够逐渐趋近于终止条件。如果递归函数的逻辑有误，可能会导致无限循环，从而触发这个错误。
- 优化递归算法：如果递归函数的逻辑正确，但是递归调用次数过多，可以考虑优化递归算法，减少递归调用的次数。例如，可以使用迭代代替递归，或者使用尾递归优化。
- 增加最大调用堆栈大小：如果递归函数确实需要较大的调用堆栈大小，可以尝试增加JavaScript引擎的最大调用堆栈大小。不过这种方法并不推荐，因为增加调用堆栈大小可能会导致内存消耗过大，甚至引发其他问题。
以下是一些相关的腾讯云产品和链接，可以帮助解决React应用程序中的错误：
- 腾讯云函数计算（Serverless）：提供无需管理服务器的计算服务，可以用于执行函数，避免了调用堆栈大小的限制。链接：https://cloud.tencent.com/product/scf
- 腾讯云云开发（CloudBase）：提供一站式后端云服务，包括云函数、云数据库、云存储等，可以帮助开发者快速搭建和部署应用程序。链接：https://cloud.tencent.com/product/tcb
请注意，以上产品仅作为示例，具体选择和使用产品需要根据实际需求和情况进行评估。
相关·内容
这与有关Node中的错误消息(即RangeError:最大调用堆栈大小超过)的其他问题不同，因为我确切地知道为什么会收到此错误消息。它之所以发生，是因为我在递归，事实上，循环了很多次。
谢谢。
浏览 2提问于2012-07-04得票数 63
回答已采纳
我刚刚开始使用pjscrape，尝试运行在上提供的样例刮刀器，并在终端中调用以下命令，但它给我带来了错误：
$ phantomjs /Applications/nrabinowitz-pjscrape-600e20a/pjscrape.js my_config.js
TypeError:未定义不是对象(计算'phantom.args.length')
全局代码^Z中的/Applications/nrabinowitz-pjscrape-600e20a/pjscrape.js:834
/Applications/nrabinowitz-pjscrape-600e20a/pjsc
浏览 3提问于2015-11-03得票数 1
当我一次上传大约18个文件时，浏览器显示了以下错误：
超过最大请求长度。
描述:在执行当前web请求时发生了未处理的异常。请查看堆栈跟踪以获得有关错误的更多信息，以及它起源于代码的位置。
异常详细信息: System.Web.HttpException:超过最大请求长度。
源错误：
在执行当前web请求期间生成一个未处理的异常。有关异常的起源和位置的信息可以使用下面的异常堆栈跟踪来标识。
浏览 2提问于2013-07-27得票数 0
回答已采纳
你能帮我使这段代码与100多个条目一起工作吗？
var maxDate = new Date(Math.max.apply(null, dates));
var minDate = new Date(Math.min.apply(null, dates));
现在，我有一个错误RangeError:超过了最大调用堆栈大小。
谢谢你的帮忙
浏览 1提问于2018-11-30得票数 0
回答已采纳
我已经制作了firebase云函数，它向用户添加他或她已经支付的声明(将用户的支付设置为true )：
const admin = require("firebase-admin");
exports.addPaidClaim = functions.https.onCall(async (data, context) => {
// add custom claim (paid)
return admin.auth().setCustomUserClaims(data.uid, {
paid: true,
浏览 3提问于2021-09-06得票数 0
我使用从中的GraphQL服务器获取数据。
该构成部分的实现方式如下：
import React from "react"
import { View, Text } from "react-native"
import { HashtagsProps } from "./types"
import { useQuery } from "urql";
const HashtagsQuery = `
query {
searchHashtags(input: {pattern: "vegan"}) {
浏览 2提问于2021-08-24得票数 2
我正在使用一个模板在Vue.js中创建一个Vue.js。
我创建了一个侧栏组件，并将其导入到将显示侧栏的视图中。当我将侧栏添加到组件中时，我将遇到以下错误。
RangeError:最大调用堆栈大小超过Vue警告:nextTick中的错误："RangeError:最大调用堆栈大小超出“
我已经尝试过在上声明的解决方案，但是它在我这边行不通。
下面是我的Sidebar.vue的示例代码
<template>
<side-bar>
<template slot="links">
<side-bar-it
浏览 2提问于2021-07-12得票数 1
回答已采纳
1回答
如何更新用户信息
、、
我试图运行两个异步函数，但是我始终得到以下错误。
错误:未处理的承诺拒绝: RangeError:超过最大调用堆栈大小。
有人能帮上忙吗。我需要更新显示名称，电子邮件和密码，我需要他们在我的useAuth.js不同的功能。只有在尝试运行超过一个函数时才会出现错误。
profile.js
//context
const {
updateDisplayName,
updateEmail,
updatePassword,
} = useAuth();
// when update button is pressed this function runs
cons
浏览 1提问于2022-05-17得票数 0
回答已采纳
好吧，这太疯狂了。
使用jQuery 1.8.3，我想将以下元素包装在一个div中：
<div id="main" role="main">
<h2>Item (250 x 250)</h2>
<div id="item" style="width:250px; height:250px;background:#ccc;"> </div>
</div>
当我尝试用另一个简单的div进行包装时，在Chrome中得到“RangeError:超
浏览 0提问于2013-01-01得票数 0
回答已采纳
我正在开发一个单页面的angularjs app和im，分别使用grunt和bower作为开发服务器和依赖注入。我的应用程序在第一次从"grunt serve“命令加载时运行良好，但是当我刷新页面时，我得到一个未捕获类型和引用错误的字符串，并且应用程序无法加载：
未捕获的RangeError:最大调用堆栈大小已超过jquery-ui.js:14未捕获的ReferenceError: jQuery不是defined$.ui @jQuery-ui.js:14(匿名函数)@ jquery-ui.js:16 (索引)：1未捕获的RangeError:最大调用堆栈大小已超过bootstrap.j
浏览 0提问于2015-08-21得票数 0
RangeError:最大调用堆栈大小超过了Reactjs？代码工作正常，但当我单击最后一次测验时，显示错误RangeError:最大调用堆栈大小已超出，并且分数未显示在下面的红色标记图像中，请帮助我如何解决此问题我是react的新手
<code>B0</code>
index.js
<code>A1</code>
Questionlist.jsx
<code>A2</code>
Question.jsx
<code>A3</code>
Scorebox.jsx
<code>A4&l
浏览 12提问于2020-07-30得票数 0
如何修复此错误？未登录的RangeError:在Object.exports.deprecate (util.js:75:1)中超过了最大调用堆栈大小。
我试图使用uuidv4来生成id，以便使用id筛选项目列表，我遇到了一个错误，要求我安装" util "，在安装util之后，我现在得到了这个错误"Uncaught RangeError: Object.exports.deprecate (util.js:75:1)超过的最大调用堆栈大小“。
浏览 14提问于2022-03-27得票数 -2
我对Typescript非常陌生，我有我的AppComponent类，在构造器中为ServiceProvider创建了一个新的对象。在ServcieProvider构造函数中，我再次为servcieProvider创建了一个新对象。据我所知，ServiceProvider构造器应该调用两次，但在我的例子中，不断地为ServiceProvider创建对象，最后我得到了一个错误RangeError:超过了最大调用堆栈大小。为什么会发生这种情况。
export class AppComponent {
constructor(){
var Service =new ServiceProvi
浏览 2提问于2018-08-13得票数 0
1回答
我得到一个RangeError:最大调用堆栈大小超过
function getUser(userId) {
return new Promise((resolve, reject) => {
controller.storage.users.get(userId, function(err, user) {
if (err) reject(err);
if (user) {
if(!(user.orderData.pendingItem)) {
getUser(userId)
浏览 2提问于2017-09-20得票数 2
我有一个组件：
import React from 'react';
import Footer from '../Footer';
import AddTodo from '../../containers/AddTodo';
import VisibleTodoList from '../../containers/VisibilityTodoList';
const App = () => (
<div>
<AddTodo />
<VisibleTodoList
浏览 0提问于2016-08-13得票数 0
4回答
我想在我的组件中输出当前日期。在控制台中，我的代码可以工作，但React控制台显示：
"bundle.js:14744未捕获RangeError:超过最大调用堆栈大小“
我的组件看起来像这样：
import React from 'react';
var FontAwesome = require('react-fontawesome');
export class Date extends React.Component {
constructor() {
super();
var today = new D
浏览 504提问于2017-05-03得票数 43
回答已采纳
我正试图在我的应用程序上注入一个启动屏幕图像，但我一直收到错误消息：RangeError:超过项目的最大调用堆栈大小超过了项目，这会是问题所在吗？
import React, { Component } from 'react';
import { Image, View } from 'react-native';
import { inject } from 'mobx-react';
@inject("stores")
export default class SplashScreen extends Component
浏览 0提问于2020-01-16得票数 1
回答已采纳
运行以下代码时：
(function recur() {
recur()
})()
引发以下错误-
未指定的RangeError:超过最大调用堆栈大小
-在堆栈中填充对函数(recur)的引用。
那么，为什么下面的代码：
(function recur() {
try {
recur()
} catch (error) {
recur()
}
})()
即使在catch块中捕获了错误，也不返回块中的错误？或者至少抱怨函数溢出了调用堆栈
当代码运行时，它会暂停所有其他非异步代码的执行，但是.没有错误？！这是怎么回事？
浏览 0提问于2018-09-03得票数 0
回答已采纳
1回答
我一整天都在尝试运行一些https请求。
到目前为止，我的代码无法工作，在调用它之后，我在“未处理的错误RangeError: Function.entries上超过的最大调用堆栈大小”中运行。
import * as https from "https";
function openRequest(options : any)
{
return new Promise((resolve, reject) => {
const request = https.request(options).on('response', (re
浏览 5提问于2022-11-11得票数 0
这是代码的一部分，用于处理大量的条目(最初它与文件系统一起工作，并对文件进行一些操作)。有什么好的方法可以绕过这个限制并防止抛出RangeError:超过最大调用堆栈大小(就目前而言，它允许我迭代大约3000个项)
var async = require('async')
, _u = require('underscore')
var tifPreview = function (item, callback) {
console.log(item)
return callback();
}
var tifQueue = async
浏览 1提问于2013-11-27得票数 13
回答已采纳
我有一个非常简单的vue.js组件，它显示数据列表(有两个字段的两个对象)。
组件vue.js代码:
<template>
<div>
<h1>Genre</h1>
<b-container>
<b-row>
<b-col v-for="data in genre" v-bind:key="data.id" v-bind:title="data.name">
浏览 1提问于2019-01-31得票数 3
回答已采纳
3回答
我试图让一个递归函数在jQuery中工作，但我得到了以下异常：
‘未捕获的RangeError:已超过最大调用堆栈大小’
我的理解是递归函数必须以某种方式无限运行，但我不知道为什么会发生这种情况。谢谢..。
jQuery.fn.reduceNumber = function(numberToReduce) {
if (numberToReduce < 10 || numberToReduce == 11 || numberToReduce == 22 || numberToReduce == 33){
return numberToReduce;
} else {
var
浏览 1提问于2014-11-25得票数 1
我在我写的递归算法中找到了一个问题。
该算法将在某些输入上抛出一个RangeError: Maximum call stack size exceeded (以Chrome格式)错误。但我追踪到的呼叫堆栈只有大约6k-9k大小。
()表示Chrome的最大调用堆栈大小约为42 K。
在运行了一些测试之后，我发现，在递归函数上设置参数似乎降低了可用的调用堆栈大小：
带参数的：在~31k上超过调用堆栈大小(Chrome，边缘上的~15k )
var recursionA = function(a, b) {
count++;
if (count < 100000) {
浏览 5提问于2016-01-02得票数 3
回答已采纳
我使用colorbox.js和一个由ajax加载的模式。
我犯了一些错误
未指定的RangeError:超过了最大调用堆栈大小。您可以在上检查测试端。
请使用第二个按钮“模态加载mit ajax geht jetzt bis auf颜色框”。
有人能帮忙吗？
非常感谢你的帮助。
诚挚的问候。
于尔根
现在它很好用。
我补充说：
onOpen:function(){
$overflow = document.body.style.overflow;
document.body.style.overflow = 'hidden';
},
onClosed:f
浏览 1提问于2015-03-21得票数 7
我有一个库，它在某些代码上强制“计量”。正常情况下很容易测试代码运行到完成，并且没有超出计量器。
我还想测试超出表的情况，导致被测试的代码永远抛出，直到它被释放给调用者。很容易测试代码只执行我期望的部分。但是，在承诺的情况下，超出的计量器会导致测试代码中的一些未处理的拒绝，就像预期的那样。
AVA目前无法通过以下测试运行：
1 test passed
1 unhandled rejection
有效地，测试减少到：
const expectedLog = ['a'];
test('unhandled rejection', async t => {
浏览 4提问于2020-09-14得票数 1
回答已采纳
const factorial = function(n, acc = 1){
if (n < 2) {
return acc;
}
return factorial(n - 1, n * acc);
};
const factorial_normal = function(n){
if (n < 2) {
return 1;
}
return n * factorial_normal(n - 1)
};
console.log(factorial(8956)); // RangeError: Maximum call stack size
浏览 0提问于2018-07-18得票数 3
回答已采纳
在Visual 2015 for C#中，我调试一个程序。调试器在某个位置暂停并引发System.StackOverflowException：
System.StackOverflowException类型的未处理异常发生在mscorlib.dll中
这意味着有无限递归正在进行。
我想知道哪个方法最初被调用，然后导致异常，所以我转到Call Stack窗口，但是堆栈太多了，所以大部分堆栈都被从Call Stack窗口中截断了：
..。
超过了Visual支持的最大堆栈帧数。
当System.StackOverflowException发生时，有什么方法可以找出最常见的堆栈
浏览 1提问于2017-06-09得票数 1
在从路由器将应用程序升级到2.0.0-rc4时，Chrome浏览器在“开发”模式下出现了以下错误：
未指定的RangeError:超过最大调用堆栈大小
这看起来来自warning.js中的无限循环。
这可以在我的申请中转载，内容如下：
import routerWarning from 'react-router/lib/warning'
routerWarning(true, 'a test message')
浏览 1提问于2016-01-13得票数 0
我正在使用react段，在我的.js文件上有
//1. the following is initialised once
let analytics = require('react-segment');
//2. the following is called each time the user does something
analytics.default.load("CODE");
analytics.default.track('EVENT', {});
第一次(2.)称为“页”和“跟踪”事件都被发送到段。第二次只有加载调用(页面
浏览 0提问于2018-07-09得票数 0
我有一个简单的函数，我的控制器：
newUserRequest: async (req, res) => {
const newRequest = new Request(req.body)
const thesi = await Thesi.findById(req.params.thesiId)
const user = await User.findById(req.params.userId)
newRequest.user = user
newRequest.thesi = thesi
await newRequest.save
浏览 0提问于2018-12-19得票数 0
我一直在跟踪创建自定义角色的firebase-admin的官方文档。我希望我的用户只能是医生或普通用户，但这会给我带来一个错误：
未处理运行时错误RangeError:最大调用堆栈大小超过
const functions = require("firebase-functions");
// The Firebase Admin SDK to access Firestore.
const admin = require("firebase-admin");
admin.initializeApp({
serviceAccountId:
"
浏览 3提问于2021-09-21得票数 1
回答已采纳
使用react 15.1.0和react-router 2.5.2，我希望重写以下JSX语法：
<Router routes={routes} history={hashHistory}>
<Redirect from="/" to="/users" />
<Route path="/" component={Navigation}>
<Route path="/users" component={UsersPage}/>
<Route path=
浏览 1提问于2016-07-19得票数 1
回答已采纳
我在VisualStudio2015中使用带有类型记录的angular2。我得到了异常RangeError: angular2中超过的最大调用堆栈大小
为什么我要得到这个异常，以及如何解决这个问题。
浏览 7提问于2016-07-15得票数 1
这是我的构造函数。当我运行该代码时，它会在Reactinative0.61x中抛出以下错误。
export default class Date extends Component {
static navigationOptions = ({ navigation }) => {
const { params } = navigation.state;
};
constructor(props) {
super(props)
this.state = {
title: null,
day: new Date(),
}
浏览 0提问于2019-10-29得票数 1
1回答
试图自己跟踪数据对象中的客户端套接字。
var clients = {'clients':[]};
io.sockets.on('connection', function(socket) {
clients.clients.push(socket);
io.emit('updateUsers', clients);
});
获取此错误：RangeError:最大调用堆栈大小超过.
我认为让客户端成为对象而不是数组可以解决调用堆栈错误，但我猜我错了.不知道我在看什么。
谢谢!
浏览 0提问于2015-06-12得票数 0
回答已采纳
我是一个反应的初学者，我一直在为大学的一个课程编写一个项目。然而，我已经与以下错误进行了相当一段时间的斗争:未登录的RangeError:超过了最大调用堆栈大小。我试图在没有运气的情况下找到解决办法。
下面是导致错误的React组件的代码：
`
import { Container } from "react-bootstrap"
import { useParams } from "react-router"
import apiService from "../services/apiService"
import { useEffect,
浏览 11提问于2022-12-03得票数 0
此代码：
var arr = [];
arr.unshift.apply(arr, new Array(200000));
原因:未登录的RangeError:超过最大调用堆栈大小(请参阅)
虽然此代码运行良好：
var arr = [];
arr.unshift(new Array(200000));
知道为什么会这样吗？
浏览 2提问于2014-02-10得票数 1
回答已采纳
我正在构建一个Firebase云功能，它连接到商家的网站并请求一个PaymentIntent对象。
我通过axios提交API调用：
exports.getPaymentIntent = functions.https.onCall(async (data, context) => {
// Initialise dependencies
const axios = require('axios')
const FormData = require('form-data')
// Assemble payload
浏览 5提问于2022-05-02得票数 0
我试图为从数据库收集的带有AJAX请求的数据表(在Wordpress中)构建一个过滤器。有两个下拉菜单和一个提交按钮。问题是，当我点击提交按钮，我的浏览器冻结，我得到错误: RangeError:最大调用堆栈大小超过。是什么引起的？
在加载页面时，代码加载表(包括下拉菜单和提交按钮)。然后，一旦加载，它就会加载“单击submit按钮”函数。
<script>
(function($
jQuery(document).ready(function($){
var amount = 10; //get amount of results to show per
浏览 2提问于2016-01-17得票数 1
回答已采纳
我对Yii2中的弹出表单有问题.“更新”不起作用。显示表单，但检查工具显示：
未指定的RangeError:超过了最大调用堆栈大小。
创建的操作使用相同的代码，并且工作非常完美。我不知道怎么回事。
$(function(){
$(document).on('click','#modalButton',function(){
var id = $(this).attr('value');
$.get('update',{'id':id},function(data){
$(&
浏览 2提问于2016-08-17得票数 1
回答已采纳
1回答
如何在p5.js中导入模型？
、、、、
我目前正在使用p5.js进行一个项目。直到现在，我可以显示三维原语形状，如盒，球或圆柱。我在互联网上搜索，发现p5.js只接受.obj文件作为模型。因此，我尝试遵循编码列车的教程()，但结果是不同的。
我仍然尝试将教程中的代码放在我看来合乎逻辑的地方，但控制台上有一个错误。有关信息，我在http-server上运行我的项目，不需要只运行index.html文件。以下是代码：
let bottle;
function preload() {
bottle = loadModel('glass_bottle.obj');
}
function setup() {
浏览 2提问于2019-07-03得票数 1
1回答
我有一些类(构造函数)与“父-子”相关：
// Abstract root SuperClass
function SuperClass() {
this.CLASS_ID = "SUPER-CLASS";
throw new Error('Failed to instantiate abstract class' + this.CLASS_ID);
}
SuperClass.prototype.sayHello = function() {
alert('Hello, world!');
};
// Absctra
浏览 0提问于2016-04-08得票数 1
回答已采纳
我正在学习ES6代理，并试图理解get陷阱中的param ' receiver‘，所以我尝试console.log接收方的值。但是在nodeJS中运行时，它会导致一个错误：
RangeError:超过最大调用堆栈大小
let proxy = new Proxy({}, {
get (target, key, receiver) {
console.log('receiver:', receiver)
}
})
let obj = Object.create(proxy)
console.log(obj)
我想知道是什么导致了这个错误，以及如何在不同的
浏览 1提问于2020-05-17得票数 1
回答已采纳
我想“自动”地将我的React项目中的所有错误发送给Sentry，我的意思是绝对所有的错误，从代码，从React，从承诺。
设置它是现实的吗？
依我看：
import * as Sentry from '@sentry/browser';
Sentry.init({ dsn: 'https://<key>@sentry.io/<project>' });
哨兵只处理“未处理的异常和未处理的拒绝”。
从医生那里：
“自动捕获错误
通过包含和配置Sentry，SDK将自动附加全局处理程序，以捕获未处理的异常和未处理的拒绝。“
浏览 1提问于2019-10-04得票数 4
我一直在与非常奇怪的错误作斗争，在过去的两个小时里，我没有找到解决办法，所以我决定寻求帮助。
我有React，Redux，Webpack，React热装载机的设置，都是用TypeScript。
我使用了样板，但当我遇到这个问题后，我改变了webpack的配置，以反映RHL回购的例子。
它正在正确编译，但我无法获得保护路由的工作，因为如果用户是认证的，所以它应该呈现提供的组件，它是抛出错误的标题的这个问题。
这是我的ProtectedRoute组件：
import React, { Component, FunctionComponent } from 'react';
impo
浏览 5提问于2019-02-10得票数 1
回答已采纳
1回答
在创建jquery jquery.validation 对话框时，我使用jQueryv1.6和jQuery1.5.1和jquery 1.8.24，然后尝试关闭它，抛出异常：
未指定的RangeError:超过最大调用堆栈大小
或
堆栈溢出
浏览 3提问于2012-11-28得票数 1
我正在尝试在React Native中使用javascript中的twilio conversations。 我得到RangeError:调用时超出了最大调用堆栈大小(本机堆栈深度) const Conversations = require('@twilio/conversations');
Conversations.Client.create(token) 我的package.json看起来像 {
"@twilio/conversations": "^1.2.2",
"events": "^3.3
浏览 19提问于2021-07-23得票数 0
回答已采纳
7回答
我正在努力学习如何使用递归函数，但根本不了解正在发生的事情。
function power(base, exponent) {
return base * power(base, exponent - 1);
};
alert(power(4,4));
我得到了：
RangeError:超过了最大调用堆栈大小。
从我将要讨论的例子来看，它有：
function power(base, exponent) {
if (exponent == 0)
return 1;
else
return base * power(base, exponent - 1);
浏览 5提问于2011-09-13得票数 8
回答已采纳
铬控制台中的错误是RangeError:超过了最大调用堆栈大小
我使用以下代码：
draw.on('drawend',
function(evt) {
var fe = evt.feature
console.log(fe);
var parser = new ol.format.GeoJSON();
var features = source.getFeatures();
var featuresGeoJSON = parser.writeFeatures
浏览 4提问于2016-06-03得票数 0
回答已采纳
如果使用winform，我们使用openfile对话框并获取文件路径，但我现在使用的是asp.net c# web窗体。
获取文件服务器端，实际上，我想读取Pcap文件，我想打开一个文件对话框，过滤Pcap文件，并给出他们的路径服务器端，使用c++，我已经尝试过这样的技巧
<asp:FileUpload ID="FileUpload1" runat="server" />
但是这并没有给出文件服务器端的路径。
在单击按钮上出现错误
超过最大请求长度。描述:在执行当前web请求时发生了未处理的异常。请查看堆栈跟踪以获得有关错误
浏览 6提问于2016-03-21得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
