出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处

1. 检查组件注册语法

   • 确保使用 components: {} 对象形式（非函数）
   • 示例错误：components(){} 或拼写为 component: {}
   • 正确写法：

     export default {
       components: {
         MyComponent // 组件注册列表
       }
     }
     

2. 避免重复注册覆盖

   • 同一组件选项中只能有一个 components: {} 对象
   • 错误示例：

     export default {
       components: { CompA },
       // ...其他选项
     }
     export default { // ❌ 重复定义会覆盖前者
       components: { CompB }
     }
     

   • 正确做法：合并所有组件到单个 components 对象

3. 确认组件导入方式

   • 默认导出：import MyComponent from './MyComponent.vue'
   • 命名导出：import { MyComponent } from './components'
   • 检查目标组件文件的导出方式（export default 或 export const）

4. 避免 ID 与组件名冲突

   • 模板中 <div id="my-component"> 不要与组件名重复
   • 错误示例：

     <div id="myComponent">
       <my-component /> <!-- ❌ ID与组件名冲突 -->
     </div>
     

   • 建议使用唯一 ID 命名（如 id="page-container"）