vue优化,解决bug: Waiting for update signal from WDS...时间过长,keep-alive包裹的navtab切换组件不断切换导致页面卡顿以及浏览器内存过高

7 篇文章 0 订阅

keep-alive包裹的navtab切换组件不断切换导致页面卡顿以及浏览器内存过高

在这里插入图片描述
当这个不断切换时,js heap size就会慢慢变高
当这个navtab不断切换时,js heap size就会慢慢变高。

解决办法:

1:查找一下setTimeout定时器有没有清除

2:keep-alive缓存是否清除

3:是否用了iframe (很大嫌疑)

当你的页面上的iframe是直接引用而不是隐藏在组件弹出框中的话,就会造成:每次切换到这个页面,除非秒切,不然会触发webpack的dev机制,引发 Waiting for update signal from WDS…。
而在 Waiting for update signal from WDS…中时,你必须等待它加载完毕再运行,不然任何操作都会让浏览器内存暴涨,而这个想让它释放掉很困难。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值