大约两个月前，我们开始使用Rollbar通知我们Web应用程序中的各种错误。从那时起，我们一直遇到偶尔的错误：
ResizeObserver loop limit exceeded
让我感到困惑的是，我们没有使用它，ResizeObserver而我调查了我认为唯一可能是罪魁祸首的插件，即：
但它似乎都没有使用ResizeObserver。
令人困惑的是，自一月份以来就一直出现这些错误消息，但ResizeObserver仅在最近才对Chrome 65添加了支持。
一直给我们这个错误的浏览器版本是：
所以我想知道这是否可能是浏览器错误？还是实际上与错误无关的错误ResizeObserver？
window.ResizeObserver = undefined;在应用程序开始时禁用ResizeObserver。当然不是最好的解决办法，但只是恢复它回到它是什么的时候，它的工作..
Answers:
您可以放心地忽略此错误。
一位规范作者在对您的问题的评论中写道，但这不是答案，并且在评论中尚不清楚答案确实是该主题中最重要的答案，而这个答案让我很容易在其中忽略它。我们的哨兵日志。
此错误意味着ResizeObserver无法在单个动画帧中提供所有观察值。这是良性的（您的网站不会损坏）。– Aleksandar Totic 4月15日在3:14
@microsoft/applicationinsights-web原因是我们的客户端错误日志记录来自哪里。所以，我们只是忽略错误事件处理程序设置之前applicationInsights和呼叫此错误stopImmediatePropagation和preventDefault
这是一个古老的问题，但对某人可能仍然有所帮助。您可以通过将回调包装在中来避免此错误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
});
});
如果您使用的是赛普拉斯（Cypress），并且遇到此问题，可以在support / index.js或commands.ts中使用以下代码安全地在赛普拉斯中忽略它
const resizeObserverLoopErrRe = /^[^(ResizeObserver loop limit exceeded)]/
Cypress.on('uncaught:exception', (err) => {
/* returning false here prevents Cypress from failing the test */
if (resizeObserverLoopErrRe.test(err.message)) {
return false
}
})您可以在此处关注有关它的讨论。赛普拉斯的维护人员自己提出了该解决方案，因此我相信这样做是安全的。
我们有同样的问题。我们发现罪魁祸首是镀铬。特别是，织机chrome扩展名引起了错误（或代码与织机扩展名的某些交互）。当我们禁用扩展程序时，我们的应用程序正常工作。
我建议禁用某些扩展名/附件，以查看其中是否可能导致了错误。
对于Mocha用户：
下面的代码片段覆盖了window.onerror挂钩摩卡安装程序，并将错误转换为警告。 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);
}
}
});
不确定是否有更好的方法。
ResizeObserver has a mechanism to avoid infinite callback loops and cyclic dependencies。您最近是否更新了对element-resize-detector的依赖关系（aurelia-resize的依赖关系）？看来，一个曾在1月份更新..