情景

關(guān)鍵

1. 組件沒有正確引入
2. 函數(shù)無限遞歸

解決

如果在網(wǎng)上搜索[Vue warn]: Component is missing template or render function. 或[Vue warn]: Invalid vnode type when creating vnode: null. .

可能會找到關(guān)于組件沒有正確引入的解決方法，主要是：

1. 引入組件的時候，組件的路徑結(jié)尾的.vue不要省略。
2. 引入組件的時候，要使用規(guī)范的駝峰命名法。

我使用的是vite，似乎會自動引入組件，即不需要寫import ComponentName from '@/components/...;'

我檢查之后，發(fā)現(xiàn)是：

我為了獲取組件的DOM節(jié)點，使用了ref，但是組件上的ref和組件名重復了：

<MyComponent ref="myComponent"/>

這樣似乎是會影響到vue的組件管理，于是導致了錯誤。

我將ref改為myComponentRef之后就可以正常運行了。