Cannot read properties of null (reading ‘insertBefore‘)

8,649 阅读1分钟

记录bug:vue3 + element-plus中出现开发环境运行正常,但是生产环境出现如下报错

Cannot read properties of null (reading ‘insertBefore‘)

Cannot read properties of null (reading ‘emitsOptions‘)

image.png

image.png

  1. 我遇到问题的发生条件,在路由切换过程中,一切都显得很正常,但当点击某一个指定的路由(假设为路由A)后,再点击其他地方就会报上述错误,因此排查重点放在A路由页面上。
  2. 结合查询网上资料推断是该页面中表格展示的问题,然后。。就解决了
  • 解决之前我的代码 image.png
  • 解决之后我的代码 image.png 区别就在于判断了scope.row.meeting是否存在,防止scope.row.meetingundefined的时候没有join方法。据说在表格数据来源为[]的时候scope.row.meeting可能会为undefined,原因还不知道。但是该表格会影响其他页面,原因也不知道。
  1. 上面是我遇到的一种情况,出现这种报错还有其他多种情况,可以查看自己的代码是否有存在取空值的属性方法之类的。