1. 程式人生 > >[Vue warn]:Error in render: "TypeError: Cannot read property 'length' of null"

[Vue warn]:Error in render: "TypeError: Cannot read property 'length' of null"

http://img.mukewang.com/szimg/5c10b4c90001a81a17040736.jpg

http://img.mukewang.com/szimg/5c10b4c90001a44217781038.jpg

錯誤定位不到,不知道哪裡有錯。當把music-list元件的props:{songs:default:}中的null改為【】就不會報錯,類似這種錯誤,我們如何定位問題?比如這種錯誤,根本不能告訴我們錯誤程式碼行?????

首先,根據錯誤提示你可以知道報錯是哪個元件,其次順著錯誤堆疊往上找,發現發生在 Vue._render 階段,就知道是模板渲染的時候報錯,最後根據報錯資訊 Cannot read property 'length' of null 就知道肯定程式碼中執行了 null.length,那麼很顯然是取了某個陣列的 length,而且陣列的初始值是 null,所以就很容易找到報錯的最終位置了。

http://img.mukewang.com/szimg/5c10b5530001302107670744.jpg

但是這時候會有警告,??????改成這樣,default: () => [],警告解除http://img.mukewang.com/szimg/5c10b5c200016b0013440804.jpg