记一个报错 ResizeObserver loop limit exceeded

起因:项目中onError监听到了异常

window.addEventListener('error', ()=>{})window.addEventListener('error', ()=>{})

并发现了报错
查询之后发现
https://github.com/ant-design/ant-design/issues/23246

antd忽略了该报错
https://github.com/ant-design/ant-design/blob/a51439cbbabef454e35218864fddf0da96e4801e/site/theme/template/Layout/index.jsx#L46

本地也忽略了这个异常

最后如何优雅的处理前端异常

如何优雅处理前端异常

最后总结:

关于JS报错:ResizeObserver loop limit exceeded

  1. 报错影响范围,严重程度?
    无影响,属于可以忽略的报错
  2. 报错的来源?
    nfes-antd 引用的 Ant Design 组件库报的错
    我们监控了全局报错, 并发送至clog
  3. 什么情况下会触发
    报价页切换tab 和 某些交互,比如下拉框筛选
  4. 根本原因
    此错误意味着ResizeObserver无法在单个动画帧中提供所有观察值。这是良性的
    在重新渲染反应期间可能会触发ResizeObserver loop limit exceeded(多发于组件第一次注册和动态元素)
  5. 为什么可以忽略,
    该报错Ant Design官方处理方式是忽略
  6. 处理方法
    项目中 错误监控加了判断,忽略此类型的报错
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值