背景
工作项目中要做右键菜单打开趋势图弹窗的需求,这个弹窗使用了vue-resizable的第三方插件,这个插件的主要作用是把弹窗设置为可拖拽的效果。这个用vue-resizable做的弹窗已经做好了,在别的项目中能够正常的运行。但是我把它拿过来放在新的项目中运行就报错:Cannot read properties of null (reading ‘ce’) ,报错指向了vue-resizable这个插件, 于是着手从这个插件开始查找报错原因,但一直不得要领。花费了大概5、6个小时,最后网上看到有人说可能是vue版本与插件版本不一致导致的问题,于是回头看了下我这个项目的vue版本要比能成功运行这个插件的项目的版本要高,于是重新更新到更低的vue版本后,报错消失。
总结
如果遇到莫名其妙的报错,排除代码错误后,首先要怀疑是不是版本兼容导致的问题,包括node、vue、第三方插件等。特别是报错是由插件引起的更应该引起注意!