情景 關鍵 組件沒有正確引入 函數無限遞歸 解決 如果在網上搜索[Vue warn]: Component is missing template or render function. 或[Vue warn]: Invalid vnode type when creating vnode: nul ...
情景
關鍵
- 組件沒有正確引入
- 函數無限遞歸
解決
如果在網上搜索[Vue warn]: Component is missing template or render function. 或[Vue warn]: Invalid vnode type when creating vnode: null. .
可能會找到關於組件沒有正確引入的解決方法，主要是：
- 引入組件的時候，組件的路徑結尾的
.vue不要省略。 - 引入組件的時候，要使用規範的駝峰命名法。
我使用的是vite，似乎會自動引入組件，即不需要寫import ComponentName from '@/components/...;'
我檢查之後，發現是：
我為了獲取組件的DOM節點，使用了ref，但是組件上的ref和組件名重覆了：
<MyComponent ref="myComponent"/>
這樣似乎是會影響到vue的組件管理，於是導致了錯誤。
我將ref改為myComponentRef之後就可以正常運行了。
