JavaScript 堆内存不足 - 识别 chrome 开发者工具的问题

JavaScript heap out of memory - identify problem with chrome developer tools

提问人:HansJuergen 提问时间:5/3/2023 更新时间:5/3/2023 访问量:137

问:

我正在使用 react native 和 expo 构建一个应用程序。 启动应用程序时,一旦加载达到 99%,就会发生此错误:

<--- Last few GCs --->

[8936:09216D50]    39714 ms: Scavenge 319.8 (362.4) -> 319.1 (369.2) MB, 3.1 / 0.0 ms  (average mu = 0.983, current mu = 0.891) allocation failure;
[8936:09216D50]    39881 ms: Mark-sweep (reduce) 319.1 (369.2) -> 297.9 (322.1) MB, 166.3 / 0.0 ms  (average 
mu = 0.948, current mu = 0.315) last resort; GC in old space requested
[8936:09216D50]    40082 ms: Mark-sweep (reduce) 297.9 (322.1) -> 297.6 (322.1) MB, 201.0 / 0.0 ms  (average 
mu = 0.873, current mu = 0.001) last resort; GC in old space requested


<--- JS stacktrace --->

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

我试图通过在网络上打开世博应用程序来查找 chrome 开发者控制台的问题。 我尝试了多种方法:

启动应用程序时测量性能(勾选内存): 错误再次发生。但是一旦我停止录制,该应用程序就会重新加载doesnt

Web  ./index.js ░░░░░░░░░░░░░░░░  0.0% (0/1)

并因相同的错误而崩溃。当我在录制直播时重新加载应用程序/网络时,一切都按预期发生。

chrome 开发者控制台中的性能见解也是如此。

唯一有效的工具是内存。我得到这个结果:Chrome Developer Tools Memory

当我从我的应用程序中删除 Amplify 导入时(仅实现导入,目前没有功能),应用程序没有崩溃,我甚至可以在 Chrome 开发者控制台中测量性能。删除此内容后:

import { Amplify } from "aws-amplify";
import awsconfig from '../src/aws-exports';
Amplify.configure(awsconfig); 

我得到这个性能结果,没有错误:enter image description here

我该如何解决这个问题? 欢迎任何帮助。

react-native memory-leaks google-chrome-devtools 堆内存

评论


答: 暂无答案