Vue项目报TypeError: Cannot read properties of undefined (reading '_wrapper')

发布时间 2023-09-15 21:53:13作者: !win !

前情

最近在做一个营销活动的时候,我选择了Vue技术栈来开发。

坑位

项目看似一切都正常,但当我在绑定的js事件中去修改当前组件的data上的值时会报错:TypeError: Cannot read properties of undefined (reading '_wrapper')。

报错信息指向vue.runtime.esm.js,不太好定位,一度怀疑是不是vite出问题了,重启项目照样有错,我打断点也没能找到什么原因,只看到是在remove click事件的时候发现事件方法是undefined。

why?

通过上面断点可以大致猜想应该是有click事件绑定的方法未定义。

其实“reading '_wrapper'”报错是提示我们项目中存在未定义的函数事件,就是我们在template模板中对元素绑定了事件,但是在vue的methods对象中没有定义该事件。所以当项目运行methods.setValues({})无法调用而报错。

解决方案

全局搜索@click,检查项目中是否有绑定的事件未定义,补全即可。