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)

这个错误通常在使用webpack-dev-server时出现，它表示ResizeObserver循环完成时出现了未发送的通知。这可能是由于以下原因导致的：

1. CSS样式问题：某些CSS样式可能导致元素尺寸变化，从而触发ResizeObserver。检查你的样式表，确保没有错误的尺寸或布局设置。

2. JavaScript代码问题：你的JavaScript代码可能在元素尺寸变化时执行了一些操作，导致ResizeObserver陷入循环。检查你的代码，特别是与元素尺寸相关的部分，看看是否有错误或循环调用的情况。

3. webpack-dev-server配置问题：你的webpack-dev-server配置可能有问题，导致ResizeObserver无法正确处理。检查你的配置文件，确保没有错误的设置或缺少必要的插件。

解决这个问题的方法包括：

1. 更新依赖：确保你使用的webpack-dev-server和相关依赖库的版本是最新的。有时候，更新到最新版本可以修复已知的问题。

2. 排查代码：仔细检查你的CSS和JavaScript代码，排除任何可能导致ResizeObserver循环的问题。可以尝试注释掉一些代码片段，逐步确定问题所在。

3. 检查webpack-dev-server配置：仔细检查你的webpack-dev-server配置文件，确保没有任何错误或不一致的设置。可以参考官方文档或者其他资源来了解正确的配置方法。

如果以上方法都无法解决问题，我建议你查阅相关文档、向开发社区寻求帮助，或者咨询专业人士以获取更具体的解决方案。

相关问题

ERROR ResizeObserver loop completed with undelivered notifications.

这个错误通常是由于在使用ResizeObserver API时，观察器的回调函数中修改了元素的大小，从而导致了循环调用。为了解决这个问题，可以使用以下方法之一：
1. 在回调函数中避免修改元素的大小。
2. 在回调函数中使用requestAnimationFrame()方法来延迟修改元素大小的操作。
3. 在回调函数中使用setTimeout()方法来延迟修改元素大小的操作。

以下是第二种方法的示例代码：

const observer = new ResizeObserver(entries => {
  // 使用requestAnimationFrame()方法来延迟修改元素大小的操作
  window.requestAnimationFrame(() => {
    // 在这里修改元素的大小
  });
});

ResizeObserver loop completed with undelivered notifications.

"ResizeObserver loop completed with undelivered notifications." 是一个错误事件的消息。 它表示在 ResizeObserver 循环中有未传递的通知。这个错误通常是由于某些元素的大小发生了变化，但这些变化没有被正确地传递给观察者而导致的。

要报告这个错误，可以按照以下步骤执行：首先，遍历所有的观察者，在每个观察者的 skippedTargets 列表不为空的情况下返回 true，否则返回 false。 skippedTargets 是一个 ResizeObservations 的列表，它表示自上次广播观察结果以来大小发生了变化，但不符合广播条件的所有元素。

所以，当出现 "ResizeObserver loop completed with undelivered notifications." 这个错误时，意味着在 ResizeObserver 循环中有未传递的通知，可能是由于某些元素的大小变化未被正确传递给观察者导致的。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>