首页 > 其他分享 >解决ERROR ResizeObserver loop completed with undelivered notifications.

解决ERROR ResizeObserver loop completed with undelivered notifications.

时间:2024-04-05 22:22:25浏览次数:448  
标签:vue const callback completed timer undelivered notifications window ResizeObserv

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

该报错原因: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);
   }
}

标签:vue,const,callback,completed,timer,undelivered,notifications,window,ResizeObserv
From: https://www.cnblogs.com/luo9tian/p/18116299

相关文章

  • The following export control compliance notifications have been delivered to cry
    https://www.linuxfoundation.org/legal/export Thefollowingexportcontrolcompliancenotificationshavebeendeliveredtocrypt@[email protected]. ========================================......
  • VUE项目忽略ResizeObserver loop completed with undelivered notifications错误
    忽略"ResizeObserverlooplimitexceeded"和"ResizeObserverloopcompletedwithundeliverednotifications."两种错误。向vue.config.js中添加以下代码:module.exports=defineConfig({...devServer:{client:{overlay:{warnings:fa......
  • ArgoCD notifications 配置
    ArgoCDnotifications TriggersTriggers定义应发送通知的条件。定义包括名称、条件和通知模板参考。条件是一个谓词表达式,如果通知则返回true应该发送。Triggers列表1.on-created#Application创建2.on-deleted#Applic......
  • Argo Rollouts notifications
    ArgoRolloutsnotificationscm模板argo-rollouts-notification-configmap的configmap需要部署在argo-rollouts名称空间下。apiVersion:v1kind:ConfigMapmetadata:name:argo-rollouts-notification-configmapdata:template.analysis-run-error:|message:Rollo......
  • springBoot项目启动卡在Root WebApplicationContext: initialization completed... (非
    通过源码启动排查发现,初始化连接池时创建了200次,通过配置文件中将initialSize值改为10,启动时间从1分钟变为了3秒。 ......
  • Hydration completed but contains mismatches 报错,如何解决?
    最近在用vue3+node+TS+vite在搭建SSR服务器端渲染项目时候,遇到问题Hydrationcompletedbutcontainsmismatches?字面意思就是客户端激活已完成,但是存在不匹配;若是第一次遇到这个问题,貌似还不是很懂?所谓客户端激活指的是Vue在浏览器端接管由服务器发送的静态HTML,将其变......
  • element-plus的el-select在切换时报ResizeObserver loop completed with undelivered
    报错场景:el-select放在了table的td里,我做的是根据el-select切换的动态表格。切换时就会报此错误。原因分析:分析发现,本场景在切换select时,其所在单元格尺寸发生了变化(因为我没有定表格内单元格的尺寸)。解决方案:保证el-select所在单元格尺寸不发生变化即可。......
  • Best Heavy Duty Truck Diagnostic Software Of 2023 Completed List
    Diagnostictoolsareessentialintheautomotiveindustryforidentifyingandresolvingissueswithvehicles.Thesetoolsprovidetechnicianswiththenecessaryinformationtodiagnoseandrepairproblemsefficiently.Inthisarticle,wewillexplorethe......
  • C#中的Task.CompletedTask和Task.Result学习
    在学习C#中的Task方法时,可以知道Task启动一个异步线程方法可以用Task.Run()进行,具体可以参看博客 https://www.cnblogs.com/yaosj/p/10342883.html和 https://www.cnblogs.com/wynblogscc/p/15138423.html但是,在有些返回类型是Task的方法中,可以在不进行异步的情况下计算结果.......
  • 《asyncio 系列》4. 如何并发运行多个任务(asyncio.gather、asyncio.as_completed、asy
    楔子在上一篇文章中,我们了解了套接字的内部工作原理,并构建了一个基本的回显服务器。现在我们将学到的知识应用到并发的、非阻塞的Web请求中,基于asyncio可以并发发送大量的Web请求,缩短应用程序的运行时间。当我们必须向一组RESTAPI发出多个请求时,这很有用,比如在微服务架......