解决ERROR ResizeObserver loop completed with undelivered notifications.

https://www.cnblogs.com/luo9tian/p/18116299

 该报错虽然不影响项目运行，但是影响开发效率，总是弹出报错的黑框很烦人
 
该报错原因：new ResizeObserver包裹的方法，在布局发生变化时，不支持每帧都调用
 
解决方法：用 window.requestAnimationFrame包裹回调函数

在App.vue/main.js中加入以下这段代码即可解决：

 // app.vue写在script里面  main.js写在app挂载完之后
const debounce = (fn, delay) => {
  let timer
   return (...args) => {
     if (timer) {
       clearTimeout(timer)
     }
     timer = setTimeout(() => {
       fn(...args)
     }, delay)
   }
}
const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver{
   constructor(callback) {
     callback = debounce(callback, 200);
     super(callback);
   }
}

本文作者：眈眈逐逐

本文链接：https://www.cnblogs.com/xjzyy/p/18453794

posted @ 2024-10-09 11:02 眈眈逐逐阅读(1896) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 鲲鹏CPE

· OSS存储挂载权限问题

· 解决ERROR ResizeObserver loop completed with undelivered notifications.

· VUE项目忽略ResizeObserver loop completed with undelivered notifications错误【已解决】

· 处理报错 ResizeObserver loop completed with undelivered notifications.

公告

昵称：眈眈逐逐园龄：8年4个月粉丝：22 关注：30

昵称：眈眈逐逐
园龄： 8年4个月
粉丝： 22
关注： 30

+加关注

I work with Python and |

2025年3月

日

一

二

三

四

五

六

眈眈逐逐

解决ERROR ResizeObserver loop completed with undelivered notifications.

公告

搜索

积分与排名

随笔分类 (24)

阅读排行榜

	该报错虽然不影响项目运行，但是影响开发效率，总是弹出报错的黑框很烦人

	该报错原因：new ResizeObserver包裹的方法，在布局发生变化时，不支持每帧都调用

	解决方法：用 window.requestAnimationFrame包裹回调函数

	// app.vue写在script里面 main.js写在app挂载完之后
	const debounce = (fn, delay) => {
	let timer
	return (...args) => {
	if (timer) {
	clearTimeout(timer)
	}
	timer = setTimeout(() => {
	fn(...args)
	}, delay)
	}
	}
	const _ResizeObserver = window.ResizeObserver;
	window.ResizeObserver = class ResizeObserver extends _ResizeObserver{
	constructor(callback) {
	callback = debounce(callback, 200);
	super(callback);
	}
	}