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);
  }
};
相关推荐
CssHero3 分钟前
基于vue3完成领域模型架构建设
前端
PanZonghui6 分钟前
用项目说话:我的React博客构建成果与经验复盘
前端·react.js·typescript
言兴9 分钟前
教你如何理解useContext加上useReducer
前端·javascript·面试
sunbyte12 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | GoodCheapFast(Good - Cheap - Fast三选二开关)
前端·javascript·css·vue.js·tailwindcss
前端的日常14 分钟前
网页视频录制新技巧,代码实现超简单!
前端
前端的日常15 分钟前
什么是 TypeScript 中的泛型?请给出一个使用泛型的示例。
前端
今禾17 分钟前
一行代码引发的血案:new Array(5) 到底发生了什么?
前端·javascript·算法
ccc101819 分钟前
老师问我localhost和127.0.0.1,有什么区别?
前端
Struggler28126 分钟前
Chrome插件开发
前端
前端 贾公子39 分钟前
Monorepo + vite 怎么热更新
前端