[Vue warn]: Unknown custom element: <tab-bar-item> - did you register the component correctly? For recursive components,

Question

App.vue

TabBaritem.vue

the res

Answer 1

The sub string item should be capitalized to Item :

name:'TabBarItem'

and in App.vue :

import TabBarItem from  ...

...

components:{
 TabBarItem,TabBar
}

because tab-bar-item expects a component named TabBarItem, it converts PascalCase to kebab-case