背景
工作項目中要做右鍵菜單打開趨勢圖彈窗的需求,這個彈窗使用了vue-resizable的第三方插件,這個插件的主要作用是把彈窗設置為可拖拽的效果。這個用vue-resizable做的彈窗已經做好了,在別的項目中能夠正常的運行。但是我把它拿過來放在新的項目中運行就報錯:Cannot read properties of null (reading ‘ce’) ,報錯指向了vue-resizable這個插件, 于是著手從這個插件開始查找報錯原因,但一直不得要領。花費了大概5、6個小時,最后網上看到有人說可能是vue版本與插件版本不一致導致的問題,于是回頭看了下我這個項目的vue版本要比能成功運行這個插件的項目的版本要高,于是重新更新到更低的vue版本后,報錯消失。
總結
如果遇到莫名其妙的報錯,排除代碼錯誤后,首先要懷疑是不是版本兼容導致的問題,包括node、vue、第三方插件等。特別是報錯是由插件引起的更應該引起注意!