vue3+antd 报错 ResizeObserver loop limit exceeded at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:249:58)
时间: 2023-07-28 13:07:16 浏览: 287
解决webpack4+升级webpack5+ vue-pdf不可用问题
5星 · 资源好评率100%
这个错误是由于 `antd` 组件库中的某些组件使用了 `ResizeObserver` 监听元素大小变化,但是在监听回调中又对元素进行了修改,导致了循环嵌套,从而触发了该错误。
解决方法有两种:
1. 升级 `antd` 版本到 `4.x` 及以上,因为 `4.x` 版本中已经移除了 `ResizeObserver` 监听器。
2. 如果无法升级 `antd` 版本,可以通过手动引入 `ResizeObserver` polyfill 来解决问题。你可以在你的项目中安装 `resize-observer-polyfill` 包,然后在入口文件中引入:
```js
import 'resize-observer-polyfill/dist/ResizeObserver.global';
```
这样就可以全局引入 `ResizeObserver` polyfill,从而避免了该错误。
阅读全文