plugins icon indicating copy to clipboard operation
plugins copied to clipboard

umi3.x + @umijs/plugin-qiankun2.18.3 子应用react组件报内存泄漏警告

Open 942368681 opened this issue 5 years ago • 3 comments

问题描述

第一次点击子应用tab进入子应用后,点击浏览器回退回到主应用,react组件报错,报错信息如下: Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. in Router (created by RouterComponent) in RouterComponent in Provider (created by _DvaContainer) in _DvaContainer in Unknown in Unknown 再次点击该子应用tab进入该子应用,依然报错,报错信息如下: Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. in _default (at Provider.tsx:30) in Unknown 然后再次循环上述操作(进出该子应用)就不会再报错了。

问题分析

该报错信息是react组件卸载之后仍存在更新状态的操作导致的警告,但是我的子应用没有更新state或store的操作,就是一个简单的函数组件,无状态。

版本信息

主子应用都是以下版本

"umi": "^3.3.3" "@umijs/plugin-qiankun": "^2.18.3"

可复现该问题的代码仓库

https://github.com/942368681/umi-qiankun-demo

望解答,谢谢!

942368681 avatar Dec 30 '20 03:12 942368681

主子应用分别部署上线无此类问题(主子域名方式部署),该问题只存在于本地开启服务器调试阶段,主子应用均部署在localhost,只不过端口不同,推测是本地服务ip相同端口不同造成此类问题,但具体原因不详 @kuitos

942368681 avatar Mar 11 '21 01:03 942368681

same question

jianchau avatar Jul 28 '22 09:07 jianchau

+1

johanazhu avatar Dec 15 '22 05:12 johanazhu