开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

React App: Windows + Microsoft Edge 95稳定版本导致白屏"Rangeerror: maximum call stack size exceeded“

问题描述：React App在Windows + Microsoft Edge 95稳定版本下导致白屏并显示"RangeError: maximum call stack size exceeded"错误。

解决方案：该错误通常是由于递归函数调用或无限循环导致的堆栈溢出错误。针对这个问题，可以采取以下几种解决方法：

优化代码：检查应用程序中是否存在无限递归或循环调用的代码段。确保递归函数有正确的终止条件，避免出现无限递归。
内存管理：检查是否存在内存泄漏的情况，特别是在组件卸载时未正确清理的情况。使用浏览器开发者工具进行内存分析，定位内存泄漏的源头，并进行相应的修复。
升级React版本：确保React框架及相关库的版本是最新的，因为某些版本可能存在已知的bug或性能问题。使用React官方文档中提供的稳定版本，并及时升级到最新版本。
检查浏览器兼容性：确认React App是否兼容Windows + Microsoft Edge 95稳定版本。检查React和相关库的兼容性列表，以确保其支持所使用的浏览器版本。如果存在不兼容的情况，可以考虑降级浏览器版本或使用其他浏览器进行测试。
阻止事件冒泡：某些情况下，事件的冒泡机制可能导致调用栈溢出。在相关组件或事件处理程序中，尝试使用event.stopPropagation()方法阻止事件向上冒泡，避免出现堆栈溢出错误。

腾讯云相关产品推荐：针对React App的部署和托管，推荐使用腾讯云的云服务器、云函数、云托管等产品。以下是相关产品的介绍链接：

腾讯云服务器（Elastic Compute Service，ECS）：提供稳定可靠的云服务器，可用于部署React App。链接：https://cloud.tencent.com/product/cvm
腾讯云云函数（Serverless Cloud Function，SCF）：无需管理服务器的事件驱动型计算服务，可用于React App的无服务器部署。链接：https://cloud.tencent.com/product/scf
腾讯云云托管（CloudBase，TCB）：为前端开发者提供的一站式全托管PaaS服务，支持React App的快速部署和运行。链接：https://cloud.tencent.com/product/tcb

请注意，以上推荐的产品仅代表了腾讯云在云计算领域的相关解决方案，供参考使用。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

视频流媒体平台EasyNVR前端打npm包后报Maximum call stack size exceeded错误

我们的流媒体服务器平台可以说已经成为国内视频互联网化基础建设的排头兵，比如我们熟知的EasyNVR，几乎各个民生行业都已经有了它视频能力输出的身影，EasyNVR的可靠性、完整性、稳定性受到了业界的广泛认可...分析问题我们可以看到错误信息是RangeError: Maximum call stack size exceeded（范围错误：超出了最大调用堆栈大小），可以从下面两个方面来进行分析： 1.首先我们查询到是程序出错或者死循环才会导致数据益处程序崩了...，这是我们的新版本才会出现的问题，在git对比发现程序代码无变动。...2.假如npm包管理文件发生变动，文件发生变动随之包源也有可能变动，包源不匹配也有可能导致项目允许出错。解决问题 ? 两个版本对比发现新版package-lock.json包管理文件时间为近期生成。

5542 0

前端 JS 异常那些事

这个提案也是由阿里推进的国内的首个es提案 Chrome 96 版本目前还不可用，firefox 可用通过传递给 Error 构造函数的第二个参数一个 cause 属性为一个 Error 对象，...window.onerror则无法捕获静态资源的加载错误 React 中的异常白屏异常 React 处理阶段的同步代码报错，整个组件树挂了导致卸载掉，页面展示白屏生命周期函数报错 render...同理，因为事件回调函数的处理不是在 React 处理阶段（初始化或者事件处理setState驱动 react 进行下次渲染的），所以事件处理函数中的报错同样不会触发白屏 Error Boundary 既然白屏问题如此严重...，必须要有一种方式帮助开发者来感知 React 中的白屏问题。...一顿操作，页面再也不会白屏了。

1701 0

5-15 bootcss 之 modal 以及 jquery ui 之datepicker 小记

modal it's enforceFocus method 2 // must be no-op'd or the following error results 3 // "Uncaught RangeError...: Maximum call stack size exceeded" 4 // But then when the nested modal is hidden we reset modal.enforceFocus...然后我自己用的时候估计是版本不同的缘故，要稍微修改一下。$confModal就是自己用的modal。　　...后来终于明白，其实是这个modal所在的页面有一个PartialView和model自身的modal-content的PartialView是同一个，导致了Id的重复。

8995 0

一文详聊前端异常原理

RangeError 范围错误，比如: new Array(-20) 会导致 RangeError: Invalid array length 递归等消耗内存的程序会导致 RangeError: Maximum...call stack size exceeded 递归可以使用循环 + 栈或尾递归的方式来优化 //普通递归 const sum = (n) => { if (n <= 1) return...Error.prototype.stack 错误堆栈通过继承 Error 也可以创建自定义的错误类型。创建自定义错误类型时，需要提供 name 属性和 message 属性....React 在 ErrorDecoder 模块中对自定义错误做了介绍。...每个错误都有 ID，比如 ID:185 错误是：在 componentDidUpdate 函数中调用了 this.setState() 方法，导致 componentDidUpdate 陷入死循环。

1.4K4 0

uniapp字体ttf在小程序报错，解决方法

导文报错1：uniapp 小程序报错：app.js错误:Error: Module build failed (from ..../node_modules/postcss-loader/src/> index.js):RangeError: Maximum call stack size exceeded at String.match...main.wxss&2359&7 the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error) (env: Windows...base64格式推荐一个转码平台：https://www.giftofspeed.com/base64-encoder 当有一个字体文件（如 .ttf、.woff 或 .woff2）的 base64 编码版本时...以下是如何在 CSS 中使用 base64 编码的字体：首先，需要获取字体文件的 base64 编码版本。将 base64 编码的字体数据插入到 CSS 文件的 @font-face 规则中。

2031 0

学习Javascript之尾调用

call stack size exceeded 我们依然调用sum(10000)但这里却报错了，就是比较常见的堆栈溢出(stack overflow)。...经过查资料，发现只有低版本的node才曾经支持过尾递归调用优化，node(6.0.0)是可以开启尾递归调用优化的。...(n <= 1) return result; return sum(n - 1, result + n); } sum(10000); 我们看下使用node(6.0.0)调用上面代码的结果： RangeError...: Maximum call stack size exceeded at sum (/Users/mac/Desktop/demo/html-css-js-demo/tail-call.js:...尾调用优化要求除掉尾调用执行时的调用堆栈，这将导致执行流中的堆栈信息丢失。

1.2K1 0

react native基本使用

sdk存放位置 sdk.dir=D:/ProgramFiles/Android/Android_SDK 调试是出错误提示，可以检查任务管理器，关闭所有执行中的node.exe程序，node端口占用可能导致调试连接失败.../build.gradle 注意检查android/app/build.gradle的android版本 MainApplication.java react web npm install.../p/90181422 react native for windows npx react-native-windows-init --overwrite(修改npm config的配置路径，如果npx...路径包含空格) https://microsoft.github.io/react-native-windows/docs/getting-started 参考：https://reactnative.cn...native断开连接后重连，成功加载后才能有界面上的错误提示，否则只能在vscode中看到错误，app中没有call stack显示）另一个调试工具占用，vscode调试退出先启动vscode调试

2.5K2 0

了不起的Chrome浏览器（7）：Chrome 95终于支持WebAssembly异常处理了！

：图片来源：Timeline: The 30-Year History of the World Wide Web IE浏览器终于被Microsoft彻底抛弃了，Edge换用Chromium...Edge目前的市场占有率还非常低，但是Chrome不得不警惕这个强大的竞争对手：不差钱、手握PC操作系统Windows、业绩和市值全面复兴、企业文化和公司战略成功转型。...不过，最近Edge似乎又想通过Windows垄断地位强行推广，这就有点不厚道了。风水轮流转，现在在浏览器的创新上固步自封的变成了Safari。...严重落后，App Store要求所有浏览器在iOS端必须使用Webkit引擎的政策严重制约了Web技术的发展，导致大量Web新技术无法即时应用到iOS端。...Windows的版本号被固定在了10.0，即使用户更新了操作系统，也不再变化了；Chrome的版本号仅保留大版本号，省略了小版本号。

6203 0

Node.js 知名框架 Express Koa 都在使用的 Events 模块你了解吗？

对象，通过 app.emit() 触发一个事件，实现在整个系统中进行传递。...const Koa = require('koa'); const app = new Koa(); app.on("koa", function() { console.log("在 Koa...ES6 中的 class 和 extends 关键词获得语言层面的继承支持，那么在原声 JS 中还是使用 Object.setPrototypeOf() 来实现的继承，因此在 Node.js 12x 版本中你会看到如下代码实现...例一：RangeError: Maximum call stack size exceeded 例二：test 同步还是异步换一个问题事件是否等于异步？...最后一个最重要的错误处理，在 Node.js 中错误处理是一个需要重视的事情，一旦抛出一个错误没有人为处理，可能造成的结果是进程自动退出，如下代码因为事件触发器带有错误信息，而没有相应的错误监听在，会导致进程退出

2K4 1

使用 Node.js 的 Async Hooks 模块追踪异步资源

Async Hooks 功能是 Node.js v8.x 版本新增加的一个核心模块，它提供了 API 用来追踪 Node.js 程序中异步资源的声明周期，可在多个异步调用之间共享数据，本文从最基本入门篇开始学习...一些资源的销毁依赖于垃圾回收，因此如果对传递给 init 回调的资源对象有引用，则有可能永远不会调用 destory 从而导致应用程序中出现内存泄漏。如果资源不依赖垃圾回收，这将不会有问题。...回调是当构造一个可能发出异步事件的类时会调用，要注意由于使用 console.log() 输出日志到控制台是一个异步操作，在 AsyncHooks 回调函数中使用类似的异步操作将会再次触发 init 回调函数，进而导致无限递归出现...RangeError: Maximum call stack size exceeded 错误，也就是 “ 栈溢出”。

1.2K1 0

Node.js中的事件循环，定时器和process.nextTick()

注：Windows和Unix/Linux实现之间存在细微的差异，但这对于本文来说并不重要，最重要的部分在文中会一一指出。...为了实现这一点，JS 调用栈被允许展开，然后立即执行提供的回调，并且允许进行递归调用process.nextTick()，而不抛出 RangeError: Maximum call stack size...exceeded from v8....这种理念可能会导致一些潜在的问题，比如下面的代码： let bar; // this has an asynchronous signature, but calls callback synchronously...我们建议开发人员在所有情况下都使用 setImmediate()，因为它更让人理解（并且它导致代码与更广泛的环境，如浏览器 JS 所兼容。）

2.4K3 0

编程变量命名规则及编程单词缩写字典

驼峰命名法近年来越来越流行了，在许多新的函数库和Microsoft Windows这样的环境中，它使用得当相多。...广泛应用于象Microsoft Windows这样的环境中。...Windows 编程中用到的变量(还包括宏)的命名规则为匈牙利命名法，这种命名技术是由一位能干的 Microsoft 程序员查尔斯-西蒙尼(Charles Simonyi) 提出的。...Amp Analog Input AI Anolog I/O AIO All All Alarm Alm Allocate Alloc Analog Output AO Apparent App...Size Seven-segments SS Sourse Src Start Start Statistic(s) Stat Status Stat Stack Stk Standard

12.1K3 2

React背后的工具化体系

)": { "size": 54742, "gzip": 14879 }, "react.production.min.js (UMD_PROD)": { "size...": 6617, "gzip": 2819 } } } 缺点可想而知，这个json文件经常冲突，要么需要浪费精力merge冲突，要么就懒得提交这个自动生成的麻烦文件，导致版本滞后，所以计划通过...存在一些问题：自行构建的版本不一致：不同的build环境/配置构建出的bundle都不一样 bundle性能有优化空间：用打包App的方式构建类库不太合适，性能上有提升余地不利于实验性优化尝试：无法对散文件模块应用打包...手动切换React版本，看不同版本/不同浏览器下表现是否一致： The fixture app lets you choose a version of React (local or one of the...We kept discovering different edge cases, and almost gave up on doing it in time for the React 16 release

1.5K2 0

在nodejs中事件循环分析

the REPL, which is not covered in this document) which may make async API calls, schedule timers, or call...在等待95毫秒时，fs.readFile()完成读取文件，并将需要10毫秒才能完成的回调添加到轮询队列中并执行。...这也就意味着，错误的使用process.nextTick()方法会导致node进入一个死循环……直到内存泄漏。...为了实现这一点，允许JS调用堆栈展开，然后立即执行提供的回调，该回调允许人们在没有遇到RangeError: Maximum call stack size exceeded from v8这个异常的时候执行...运行环境中的各种复杂的情况会导致在同步队列里两个方法的顺序随机决定。但是，在一种情况下可以准确判断两个方法回调的执行顺序，那就是在一个I/O事件的回调中。

4K0 0

Node.js的事件循环（Event loop）、定时器（Timers）和 process.nextTick()

注： Windows 和 Unix/Linux 之间对这些的实现存在细微差别，但对于此文而言并不重要。实际上有七到八个步骤，但是我们关心的、Node.js 真正用到的这里都讲到了。...这里 95ms 更快到达，即文件先读完然后回调添加到轮询队列并开始执行，而该回调任务需要花费 10ms 来执行。...为了实现这一点， JS 调用栈可以被释放，然后立刻执行给出的回调，这个回调可以递归调用 process.nextTick() 而不会得到 RangeError: Maximum call stack size...exceeded from v8 错误。...这个设计理念可以导致一些潜在的问题。

1.5K3 0

从 IE 到 Edge：我们跟微软浏览器团队聊了聊Web的过去和未来 | 中国卓越技术团队访谈录

接替 IE 的是 2015 年诞生的 Microsoft Edge，这是一款带有复兴使命的浏览器产品。微软将精力放在了将 Edge 打造为现代网络浏览器上。...2019 年，微软发布了基于新的 Chromium 浏览器的预览版本，同时在同年 5 月 20 号推出了 Mac 版本。...跟社区周期保持一致的好处是能第一时间更新，杜绝安全隐患，并及时将最新版本送到用户手上。在定好时间周期的基础上，Edge 追求的是技术稳定性、技术健康度，和功能开发之间的平衡。...WebView2 本身基于 Microsoft Edge 渲染引擎，是一个基于 Chromium 的 Hybrid App 开发平台，但又独立于 Edge 浏览器，不需要用户安装 Edge 浏览器来运行...对于 Hybrid App 开发来说，WebView2 平台已经成为 Windows 操作系统上面，已经大量在使用渲染的模块。

6632 0

十年“屎山”终重构，但 QQ选用了微软 Teams 放弃的 Electron

有网友表示，如今 QQ 的 Windows 版本就是 2009 年重构基础上“缝缝补补”建立起来的。一直以来，QQ 最大的问题是无法跨平台。...功能增强的一个重要原因是该应用程序从 Electron 过渡到了 Microsoft 的 Edge WebView 2 渲染引擎。要知道，微软从使用到放弃 Electron，前后也没有四年。...Office 365 MVP Tony Redmond 曾做过一次测试，下图显示了 Windows 任务管理器报告，加载到 Edge Chromium 的浏览器客户端占用了 775 MB，而组成 Teams...腾渊认为，从 Hybrid 的方案到 React Native、Weex 再到 Flutter，本质上都是在研发成本、灵活性、性能体验三者间找一个平衡点，只是大家切入的点不太一样，最终导致整个解决方案有了不同...“假设现在你要做一个新的 App，可能整个开发团队是多前端、少客户端的，那我可能比较建议考虑 Hybrid 的模式；如果对性能要求比较高，可以考虑 Weex 或者 React Native；反过来，如果是客户端同学比较多

1.7K1 0

Node.js简介与安装.md

3.版本支持描述: 当前【2022年9月16日 10:14:23】最新版本为 V18.9.0 ，稳定长期支持版本为 16.17.0 LTS 。...linux下面进行开发和编程Node.js; 1.Windows 安装方式1、Windows 平台直接安装从官网（https://nodejs.org/en/download/）安装下载最新稳定版本的...安装参考地址：https://docs.microsoft.com/zh-cn/windows/dev-environment/javascript/nodejs-on-wsl?...increase default maximum heap size on machines with 16GB memory or more --icu-data-dir=......set the maximum size of HTTP headers (default:16384 (16KB)) --no-addons disable

3.6K2 0

「面试基础小册」数据类型及其延伸

在 JS 的最初版本中使用的是 32 位系统，为了性能考虑使用低位存储变量的类型信息，000 开头代表是对象然而 null 表示为全零，所以将它错误的判断为 object 。...---- 基本数据类型：直接存储在栈（stack）中，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储。引用数据类型：同时存储在栈（stack）和堆（heap）中，占据空间大、大小不固定。...deepClone(data[key]); } } return result; } 复制代码但是这种递归也存在一个问题，就是属性内部引用的问题，如: // 无限循环递归没有终止条件导致栈溢出...children: null, }, }; obj.first.children = obj.first; let objClone = deepClone(obj); // Uncaught RangeError...: Maximum call stack size exceeded // 内部的一个属性引用了另外属性，这个引用不会复制 let obj2 = { first: { name

6652 0

原创 Paper | USB设备开发：从入门到实践指南（二）

,Var,Abs) 0x95, 0x01, # REPORT_COUNT (3) 0x75, 0x03, # REPORT_SIZE (1) 0x81, 0x01,...(7) 0x46, 0x3B, 0x01, // Physical Maximum (315) 0x75, 0x04, // Report Size (4) 0x95, 0x01...但是，该手柄在代码实现上估计有大BUG，会导致USBTree View, Wireshark的USBPcap, 还有Windows的部分USB驱动崩溃（有可能是USBPcap导致的）。...另外因为测试使用的Linux是装在Windows上的虚拟机，vmware在Windows上安装了一个USB驱动，来让主机接入虚拟机当中的，可能是同样的BUG导致在Linux系统上也无法正常识别到手柄相关驱动...（就算是nintendo驱动也没识别到），并且不知是何原因，Windows主机强制重启多次后，会导致Linux虚拟机图形界面的网卡管理出现问题，需要重新安装network-manager。

2111 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭