“ResizeObserver 循环已完成，但未发送通知”导致 Cypress 仅在 Edge 中崩溃

Question

我正在运行 Cypress 来测试我的 Vue 3 应用程序。在 Edge 中运行 Cypress 测试时，我间歇性地收到错误

ResizeObserver loop completed with undelivered notifications.

，因为它未被捕获，导致测试无法正确运行。有时测试会通过，有时则不会。如果我运行超过 100 个测试的完整测试套件，则保证错误至少出现一次。无论是在支持文件中还是在实际规范中，都没有尝试捕获并忽略错误。

这尤其令人愤怒，因为：

• ResizeObserver loop completed with undelivered notifications.

  是一个 错误被认为如此不重要，以至于 Chrome 和 Firefox 通过以下方式抑制它 默认，所以我在这些浏览器中的测试工作正常（但我必须支持 Edge）。
• 我没有在代码中的任何地方使用 ResizeObserver。

我尝试暂时卸载任何使用 ResizeObserver 的供应商代码，看看这是否会产生影响（但没有）。我唯一无法卸载的是 rollup，因为 Vue 3 使用它来构建。

另一个问题表明它可能是导致问题的扩展，但我在 Edge 中没有安装扩展。

谁能帮我摆脱这个噩梦？

Answer 1

FWIW，当我按 vuetify v-select 显示选项时遇到此错误，并且选项的宽度比 v-select 所在对话框的宽度宽。 将

:list-props="{maxWidth:'250px'}

添加到我的 v-select 解决了我的问题。