解决 ResizeObserver loop completed with undelivered notifications 报错
时间: 2023-12-13 19:33:21 浏览: 187
这个错误通常是由于在ResizeObserver回调函数中进行DOM操作而导致的。为了解决这个问题,可以使用debounce函数来限制ResizeObserver回调函数的执行频率,从而避免出现这个错误。
以下是解决ResizeObserver loop completed with undelivered notifications报错的步骤:
1.在代码中添加debounce函数的实现代码,如下所示:
```typescript
const debounce = (fn: any, delay: any) => {
let timer: any = null;
return function () {
let context = this;
let args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
fn.apply(context, args);
}, delay);
};
}
```
2.在ResizeObserver回调函数中使用debounce函数,如下所示:
```typescript
const observer = new ResizeObserver(debounce((entries: any) => {
// 在这里执行DOM操作
}, 16));
```
这样就可以避免出现ResizeObserver loop completed with undelivered notifications报错了。
阅读全文