首页ResizeObserver loop limit exceeded at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)

ResizeObserver loop limit exceeded at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)

时间: 2023-07-30 17:08:51 浏览: 192

react-resize-observer-hook:ResizeObserver + React钩子

5星 · 资源好评率100%

React调整观察者挂钩 ResizeObserver + React钩子演示版安装 yarn add react-resize-observer-hook 用法 import { useState , useRef } from 'react' ; import useResize from 'react-resize-observer-hook' ; export default ( ) => { const [ dimensions , setDimensions ] = useState ( { width : 100 , height : 50 } ) const parentRef = useRef ( null ) ; useResizeObserver ( parentRef , ( entry ) => setDimensions ( { wid

这个错误通常发生在使用 `ResizeObserver` API 监听 DOM 元素尺寸变化时，由于多次修改元素大小导致 `ResizeObserver` 进入了死循环，从而触发了 Chrome 浏览器的保护机制，导致页面崩溃。解决此问题的方法是合理使用 `ResizeObserver` API，避免频繁修改元素大小，或者手动清除观察者，以避免进入死循环。此外，也可以考虑使用其他的元素尺寸变化监听方法，比如 `window.onresize` 事件。

阅读全文