Vue 学习笔记 错误ResizeObserver loop completed with undelivered notifications

环境Vue3 Ts

使用了el-table 后,容易出现如下错误

ERROR

ResizeObserver loop completed with undelivered notifications.

at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:299:58)

at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:318:7)

解决办法

在App.vue 下面加代码

javascript 复制代码
const debounce = (callback: (...args: any[]) => void, delay: number) => {
      let tid: any;
      return function (...args: any[]) {
        const ctx = self;
        tid && clearTimeout(tid);
        tid = setTimeout(() => {
          callback.apply(ctx, args);
        }, delay);
      };
    };

    const _ = (window as any).ResizeObserver;
    (window as any).ResizeObserver = class ResizeObserver extends _ {
      constructor(callback: (...args: any[]) => void) {
        callback = debounce(callback, 20);
        super(callback);
      }
    };
  },

App.vue 完整代码如下:

javascript 复制代码
<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    const debounce = (callback: (...args: any[]) => void, delay: number) => {
      let tid: any;
      return function (...args: any[]) {
        const ctx = self;
        tid && clearTimeout(tid);
        tid = setTimeout(() => {
          callback.apply(ctx, args);
        }, delay);
      };
    };

    const _ = (window as any).ResizeObserver;
    (window as any).ResizeObserver = class ResizeObserver extends _ {
      constructor(callback: (...args: any[]) => void) {
        callback = debounce(callback, 20);
        super(callback);
      }
    };
  },
});
</script>
<style lang="scss"></style>

为什么??? 我也不清楚原理

ChatGPT 解释如下:

相关推荐
喜欢吃燃面几秒前
数据结构算法题:list
开发语言·c++·学习·算法·1024程序员节
。TAT。11 分钟前
C++ - 多态
开发语言·c++·学习·1024程序员节
武当豆豆28 分钟前
C++编程学习(第42天)
开发语言·c++·学习
麦麦大数据1 小时前
F033 vue+neo4j图书智能问答+知识图谱推荐系统 |知识图谱+neo4j+vue+flask+mysql实现代码
vue.js·flask·nlp·neo4j·智能问答·图书·1024程序员节
凉虾皮2 小时前
2024包河初中组
学习·算法·1024程序员节
橙子199110162 小时前
在 Kotlin 中,ViewModel 的获取
开发语言·vue.js·kotlin
kkkkk0211062 小时前
黑马微服务保险(一)
笔记·微服务·架构
hour_go2 小时前
【知识图谱】图神经网络(GNN)核心概念详解:从消息传递到实战应用
笔记·深度学习·神经网络·1024程序员节
摇滚侠3 小时前
全面掌握PostgreSQL关系型数据库,设置远程连接,笔记05,笔记06
java·数据库·笔记·postgresql
mpHH3 小时前
postgresql plancache --doing
数据库·学习·postgresql·1024程序员节