关于“ResizeObserver loop limit exceeded”引申的代码/工具/环境问题

rt,最近学前端(vue3+andv)，相信不少人遇到过此类问题，这个问题是在浏览器控制台和 webstorm npm 服务器输出日志都没报错的情况下发生的。我是第一次遇到此类问题。

• 一开始结合网上类似的例子，猜测大概率是一个页面渲染绘制时的高宽大小匹配问题，但整个排错流程，只能减法操作，一个个排除，挺麻烦的。

• 之后定位到 vue 工程里对包含 andv 的<a-tab-pane>组件的父级 dom 节点或者<a-tab-pane>本身，进行显示和隐藏时（设置 display=none/block ）时，来回切换几次后就报这个错误（见下）。当然如果对以上操作对象不进行任何显示设置或者不引入<a-tab-pane>组件进行操作，也是不会报错的，所以一开始问题定位在这里（跟<a-tab-pane>的渲染有关）。

• 但之后发现我在进行显示设置的同时，还进行页面样式载入的操作（如下，HelloWorld.vue 里的，使用 document.createElement(link)拼接到 header 里），不过我把上面显示设置的 display 操作从 onload 里面提取出来，放到 appendChild()后面后，问题就没出现了。

• 当我以为问题就这样时，我把代码打包部署到 nginx 里，跑起来后，发现没法复现这个问题。