起因:项目中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官方处理方式是忽略 - 处理方法
项目中 错误监控加了判断,忽略此类型的报错