react17+antd4使用Table组件发生错误：ResizeObserver loop completed with undelivered notifications

Yjing景

已于 2024-04-14 11:33:08 修改

阅读量1k

点赞数 6

分类专栏： React 文章标签： react Table 报错

于 2024-04-14 11:32:51 首次发布

本文链接：https://blog.csdn.net/weixin_45871977/article/details/137740306

版权

11 篇文章 0 订阅

订阅专栏

在使用Table组件时出现了如下错误：

在这里插入图片描述

这个错误表明 ResizeObserver 遇到了一个循环通知的问题，这通常发生在 ResizeObserver 的回调函数中执行了会触发自身重新观察的操作，或者是因为某些原因，回调函数的执行被阻塞了，导致通知无法被及时传递和处理。

报错的原因：在页面绘制的时候，页面突然发生调整大小的事件，导致了样式和布局都需要重新评估，这个调整大小导致的布局变化，将延迟到下一帧来绘制。

简单粗暴解决：在报错组件里面，或者全局，添加隐藏这个浮层的样式。

//antd组件内 ResizeObserver loop limit exceeded报错隐藏
#webpack-dev-server-client-overlay {
  display: none !important;
}

这只是临时解决方案，并不解决根本的 ResizeObserver 问题。为了彻底解决这个问题，你需要调查为什么 ResizeObserver 会陷入循环，并修复相关的代码逻辑。这可能涉及到检查 ResizeObserver 的回调函数、相关的 DOM 操作、以及组件的渲染逻辑。

关注

专栏目录