ResizeObserver loop completed with undelivered notifications.

报错信息

ResizeObserver loop completed with undelivered notifications.

来源

在用vue3 + element-plus写项目的时候报的错,经过排查法,发现是element-plusel-table组件引起的错误。

经过初步排查,这个错误并不是vue以及element-plus发出的报错,因为其源码并未找到关于ResizeObserver loop相关的字眼,而且没有显示调用栈。

再次排查发现这也不是js的错误,因为控制台并未报出error。

再次查看报错信息,这个错误是从main.7a0c6016db8700d92d41.js:34638:58抛出的,如下图(我开了调试模式了)

如下图所示,通过查看其抛出错误信息的上下文,发现了这是webpack相关的代码,那么就可以确定,这个错误100%是webpack抛出的,虽然webpack为什么抛出这个错误的原因还是未知,但是我们可以通过防抖的方式解决。

解决代码如下,直接放到main.js的下方,能保证加载就行。

js 复制代码
import { debounce } from "lodash";
const resizeObserver  = (window).ResizeObserver;
(window).ResizeObserver = class ResizeObserver extends resizeObserver  {
  constructor(callback) {
    callback = debounce(callback, 100);
    super(callback);
  }
};
相关推荐
一斤代码2 小时前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
中微子2 小时前
React Router 源码深度剖析解决面试中的深层次问题
前端·react.js
光影少年2 小时前
从前端转go开发的学习路线
前端·学习·golang
中微子3 小时前
React Router 面试指南:从基础到实战
前端·react.js·前端框架
3Katrina3 小时前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
前端_学习之路3 小时前
React--Fiber 架构
前端·react.js·架构
伍哥的传说4 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
qq_424409194 小时前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
我在北京coding4 小时前
element el-table渲染二维对象数组
前端·javascript·vue.js
布兰妮甜4 小时前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui