ResizeObserver loop limit exceeded 问题解决

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

ResizeObserver loop limit exceeded（vue3+elementui-plus el-table在使用动态列时报错）

项目中遇到这个报错，浏览器控制台不报错，监控平台报错； 错误原因： 由于项目中使用了自定义指令v-adaptive动态修改表格的高，element ui table的 addResizeListener 监听，动态改变table的高，会多次渲染table，导致监控平台报错 错误调试方式： created() { window.onerror = function(errorMessage, scriptURI, lineNumber, columnNumber, erro...

起因：项目中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/a51439cbbabef454e352188

关于ResizeObserver loop limit exceeded报错

使用Ant design Vue的table表格组件报错：ResizeObserver loop limit exceeded，这个报错不会在控制台打印，也不会影响代码执行效果，官方给出的办法是忽略报错，即使监听了报错，并忽略报错信息，:scroll="{ x: 1500, y: 600 }"为:scroll="{ y: 600 }"，也就是去掉了x轴的横向滚动，让表格自适应就可以了。但是在页面上还是会出现黑框提示，后来修改了属性。

最近在给三月份开发的项目，引入公司使用的一个性能检测网站，然后看到JS错误率100%，去检测网站看了下，错误列表里面展示：ResizeObserver loop limit exceeded；然后查了一圈，发现，应该是项目引入的antd的Table造成的，排查一圈，发现是在开发中设置antd的table横向滚动，其中x设置的都是300，然而表格的宽度 远远大于300，所以宽度溢出，造成的JS错误。将x轴的滚动去掉，就没有再报错了。 ...

参考来源：ResizeObserver - loop limit exceeded 这个一个良性的报错，可以忽略

v-md-editor 高度导致 ResizeObserver loop limit exceeded

因为 :scroll="{ x: '30%' | true }" 删除之后就ok了。我是使用 a-table 出错的 一层一层注释之后发现是因为。这个错和本质关系不是很大，循环限制 大概是因为长度不确定。代表超出了ResizeObserver循环限制。

试了加type=“index” 也试了加min-width都不行。每一个el-table-column固定宽度的话样式太丑不可取。最后终于找到了，在app.vue中加入以下代码即可。刚开始没事 浏览器缩放就出现这个问题。