chrome中的ReactJS内存/存储泄漏

chrome中的ReactJS内存/存储泄漏,reactjs,google-chrome,Reactjs,Google Chrome,我有一个使用ReactJS为客户端构建的站点。您可以在此处查看网站: 似乎在应用程序打开一段时间后,系统存储空间开始填满。有点像内存泄漏 在Mac电脑上,我可以看到我的可用空间随着我打开chrome的时间的延长而逐渐减少。最终,应用程序崩溃并显示此错误: 有人能帮我解决这个问题吗?我似乎找不到chrome将文件保存到磁盘的时间和位置。任何能为我指明正确方向的东西都将不胜感激。谢谢 我通过调试网站得到的东西 分离的对象 整体概述。 从我的角度来看,有大量分离的对象确实会导致内存泄漏。而且,

我有一个使用ReactJS为客户端构建的站点。您可以在此处查看网站:

似乎在应用程序打开一段时间后,系统存储空间开始填满。有点像内存泄漏

在Mac电脑上,我可以看到我的可用空间随着我打开chrome的时间的延长而逐渐减少。最终,应用程序崩溃并显示此错误:


有人能帮我解决这个问题吗?我似乎找不到chrome将文件保存到磁盘的时间和位置。任何能为我指明正确方向的东西都将不胜感激。谢谢

我通过调试网站得到的东西

分离的对象

整体概述。


从我的角度来看,有大量分离的对象确实会导致内存泄漏。而且,活动dom节点的数量也在不断增加。这些可能是网站变大、变慢的主要原因。

确保删除侦听器或
组件中的任何订阅将卸载
以避免内存泄漏这太棒了!我来自一个更嵌入式的背景,内存泄漏会占用存储空间对我来说毫无意义。我是否正确地理解了正在发生的事情?如果是这样,我肯定可以使用这些工具troubleshoot@DerekNowicki是的,你说得对。最好在下一步之前修复内存泄漏。顺便说一句,我还发现js执行时间太长,无法响应用户操作。这可能是提高网站性能的下一步。文档可以帮助您前进,令人惊叹的!谢谢你的链接。我去看看。用户操作的延迟是由客户机故意造成的。在幻灯片放映过程中,只有在动画过渡效果播放完毕后,才能单击链接。主页上有很多活动部件。看看我的代码,有很多我没有清理的事件侦听器,使用
componentWillUnmount
方法很容易修复。有了这些链接,我想我已经有了解决这些问题所需要的一切。非常感谢@不客气。我知道你也会为别人做同样的事。