我们也有同样的问题。我们发现chrome扩展是罪魁祸首。具体来说，织机铬扩展是导致错误(或我们的代码与织机扩展的一些交互作用)。当我们禁用扩展，我们的应用程序工作。

我建议禁用某些扩展/插件，看看其中是否有一个可能导致错误。

添加debounce

new ResizeObserver（_.debounce（entries => {}， 200）;

为我修正了这个错误

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

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

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

我们也有同样的问题。我们发现chrome扩展是罪魁祸首。具体来说，织机铬扩展是导致错误(或我们的代码与织机扩展的一些交互作用)。当我们禁用扩展，我们的应用程序工作。

我建议禁用某些扩展/插件，看看其中是否有一个可能导致错误。

在我的情况下，问题“ResizeObserver -循环限制超出”是由于窗口触发的。addEventListener("resize"和React的React. usestate . addEventListener。

详细地说，我正在处理名为useWindowResize的钩子，用例是这样的const [windowWidth, windowHeight] = useWindowResize();

代码通过useEffect对windowWidth/windowHeight的变化做出反应。

React.useEffect(() => {
    ViewportService.dynamicDimensionControlledBy(
        "height",
        { windowWidth, windowHeight },
        widgetModalRef.current,
        { bottom: chartTitleHeight },
        false,
        ({ h }) => setWidgetHeight(h),
    );
}, [windowWidth, windowHeight, widgetModalRef, chartTitleHeight]);

所以任何浏览器窗口大小的调整都会导致这个问题。

我发现由于连接旧javascript世界(DOM操作，浏览器的事件)和新javascript世界(React)引起的许多类似问题可以通过setTimeout解决，但我将避免它，并在可能的情况下将其称为反模式。

因此，我的解决方案是将setter方法包装到setTimeout函数中。

React.useEffect(() => {
    ViewportService.dynamicDimensionControlledBy(
        "height",
        { windowWidth, windowHeight },
        widgetModalRef.current,
        { bottom: chartTitleHeight },
        false,
        ({ h }) => setTimeout(() => setWidgetHeight(h), 0),
    );
}, [windowWidth, windowHeight, widgetModalRef, chartTitleHeight]);

摩卡用户:

下面的代码片段将覆盖该窗口。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);
    }
  }
});

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