起因:项目中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
- 报错影响范围,严重程度?
无影响,属于可以忽略的报错 - 报错的来源?
nfes-antd 引用的 Ant Design 组件库报的错
我们监控了全局报错, 并发送至clog - 什么情况下会触发
报价页切换tab 和 某些交互,比如下拉框筛选 - 根本原因
此错误意味着ResizeObserver无法在单个动画帧中提供所有观察值。这是良性的
在重新渲染反应期间可能会触发ResizeObserver loop limit exceeded(多发于组件第一次注册和动态元素) - 为什么可以忽略,
该报错Ant Design官方处理方式是忽略 - 处理方法
项目中 错误监控加了判断,忽略此类型的报错
本文针对前端开发中出现的“ResizeObserver loop limit exceeded”错误进行了详细分析。这种错误来源于Ant Design组件库,在特定交互操作下触发,如切换标签页或使用下拉框筛选。尽管它通常被认为是良性的且可被忽略,但本文提供了在项目中优雅地处理此类异常的方法。
5975

被折叠的 条评论
为什么被折叠?



