Uncaught runtime errors：ResizeObserver错误

Question

刚完成 7.10 的代码，员工excel导入数据也正常，但是我放大或缩小浏览器窗口的时候就报下面这个错误。

github 仓库代码地址：https://github.com/igitinode/imooc-admin
辛苦Sunday老师帮我看看是什么原因呢？

Answer 1

提问者 听雨君 2024-10-18 16:30:25

根据Sunday老师的回答和自己搜索到的资料。在不影响后续课程内容正常报错的情况下，只屏蔽这个报错，可以在vue.config.js 中添加如下代码：

devServer: {
    proxy: {
     ...
    },
    client: {
      overlay: {
        runtimeErrors: error => {
          const ignoreErrors = [
            'ResizeObserver loop completed with undelivered notifications.'
          ]
          return !ignoreErrors.includes(error.message)
        }
      }
    }

参考地址连接：

https://stackoverflow.com/questions/77201262/resizeobserver-loop-completed-with-undelivered-notifications-causing-cypress-t 

https://webpack.js.org/configuration/dev-server/#overlay

要是想要暴力屏蔽掉所有报错，可以使用如下配置：

devServer: {
    proxy: {
     ...
    },
    client: {
      overlay: false
    }
  }

Answer 2

Sunday 2024-10-18 15:53:33

你好

可以看下这个回答：https://coding.imooc.com/learn/questiondetail/304516.html