欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue3報(bào)錯(cuò)Cannot convert undefined or null to object問題及解決

 更新時(shí)間：2025年08月05日 09:30:38   作者：憶往昔成風(fēng)  
Vue3與Vue-cli5中出現(xiàn)“Cannot convert undefined or null to object”錯(cuò)誤,因基類組件data()未返回默認(rèn)空值對(duì)象導(dǎo)致屬性合并異常,解決方法是確保data()返回對(duì)象,避免繼承組件屬性沖突

1、報(bào)錯(cuò)信息

在vue3，vue-cli5的環(huán)境中，出現(xiàn) "Cannot convert undefined or null to object " 的報(bào)錯(cuò)信息

  • 報(bào)錯(cuò)截圖如下:

2、問題排查

備份Template里面的標(biāo)記，排除是因?yàn)槟０逭Z法導(dǎo)致的

如果不是模板里的問題，那么很大概率就是js里出現(xiàn)的問題，可能是在組件創(chuàng)建的時(shí)候，也可能是在組件創(chuàng)建完成，執(zhí)行相關(guān)生命周期函數(shù)的時(shí)候?qū)е碌膯栴}，比如created，mounted等，把created和mounted函數(shù)里執(zhí)行的相關(guān)代碼注釋，發(fā)現(xiàn)還是報(bào)錯(cuò)，那比較大的可能性就是在extend:Base這一塊，結(jié)合報(bào)錯(cuò)內(nèi)容，可能是存在什么undefine或者null的對(duì)象轉(zhuǎn)換，比較大的可能是基類組件的屬性和繼承組件的屬性合并過程中，導(dǎo)致這個(gè)錯(cuò)誤

控制臺(tái)沒有打印'page created'，說明組件并沒有創(chuàng)建成功 

3、問題定位

如果按照存在undefine或者null轉(zhuǎn)換為對(duì)象的問題，因?yàn)榛惤M件的方法不多，問題就很好定位了，只有data()里是空的，基類執(zhí)行合并的時(shí)候，data()作為應(yīng)該返回一個(gè)數(shù)據(jù)對(duì)象，而此處返回的是undefine或者null，于是在合并的時(shí)候就報(bào)了這個(gè)問題

4、解決方法

在data()里返回一個(gè)對(duì)象，這樣在基類組件的data和繼承組件的data合并時(shí)，就不會(huì)導(dǎo)致這樣的錯(cuò)誤，如果存在鍵重復(fù)的情況是否會(huì)報(bào)其他錯(cuò)誤?

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論