这个错误可能值得调查一下。它可以指出代码中可以修复的问题。

在我们的例子中，观察到的一个元素的大小调整引发了页面上的变化，这又导致了第一个元素的大小调整，这又触发了页面上的变化，这又导致了第一个元素的大小调整，……你知道这是如何结束的。

从本质上讲，我们创建了一个无法装入单个动画帧的无限循环。我们通过使用setTimeout()在页面上保持更改来打破它(尽管这并不完美，因为它可能会对用户造成一些闪烁)。

因此，每当ResizeObserver循环限制超出我们的哨兵，我们把它视为一个有用的提示，并试图找到问题的原因。

如果您正在使用Cypress，遇到这个问题，您可以在support/index.js或commands.ts中使用以下代码安全地忽略它

const resizeObserverLoopErrRe = /^[^(ResizeObserver循环限制超过)]/ 柏树。On ('uncaught:exception'， (err) => { /*在这里返回false可以防止Cypress测试失败*/ if (resizeObserverLoopErrRe.test(err.message)) { 返回假 ｝ })

你可以在这里跟随关于它的讨论。 由于Cypress维护者自己提出了这个解决方案，所以我相信这样做是安全的。

这是一个老问题，但它仍然可能对某些人有帮助。你可以通过在requestAnimationFrame中包装回调来避免这个错误。 例如:

const resizeObserver = new ResizeObserver(entries => {
   // We wrap it in requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
   window.requestAnimationFrame(() => {
     if (!Array.isArray(entries) || !entries.length) {
       return;
     }
     // your code
   });
});

我遇到了柏树测试无法运行的问题。 我发现，正确的方法不是处理异常，而是编辑tsconfig。Json，目标是新的es6版本，如下所示:

｛ “扩展”:“. . / tsconfig.json”, " compilerOptions ": { “baseUrl”:“. . / node_modules”, "target": "es5"，——> old "target": "es6"，——> new "types": ["cypress"， "@testing-library/cypress"]， “sourceMap”:真的 }， “包括”:( “* * / * .ts” ］ ｝

这个错误可能值得调查一下。它可以指出代码中可以修复的问题。

在我们的例子中，观察到的一个元素的大小调整引发了页面上的变化，这又导致了第一个元素的大小调整，这又触发了页面上的变化，这又导致了第一个元素的大小调整，……你知道这是如何结束的。

从本质上讲，我们创建了一个无法装入单个动画帧的无限循环。我们通过使用setTimeout()在页面上保持更改来打破它(尽管这并不完美，因为它可能会对用户造成一些闪烁)。

因此，每当ResizeObserver循环限制超出我们的哨兵，我们把它视为一个有用的提示，并试图找到问题的原因。

摩卡用户:

下面的代码片段将覆盖该窗口。Onerror钩子mocha安装并将错误转换为警告。 https://github.com/mochajs/mocha/blob/667e9a21c10649185e92b319006cea5eb8d61f31/browser-entry.js#L74

// ignore ResizeObserver loop limit exceeded
// this is ok in several scenarios according to 
// https://github.com/WICG/resize-observer/issues/38
before(() => {
  // called before any tests are run
  const e = window.onerror;
  window.onerror = function(err) {
    if(err === 'ResizeObserver loop limit exceeded') {
      console.warn('Ignored: ResizeObserver loop limit exceeded');
      return false;
    } else {
      return e(...arguments);
    }
  }
});

不知道有没有更好的办法。