关于 sidebar-item 组件中使用 sidebar-item 组件

Question

请问下老师，这个报错是怎么引起的呢？

Failed to resolve component: sidebar-item
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

Answer 1

Sunday 2024-03-19 23:44:23

你好

这个应该是因为你的组件名（没有name取文件名）不是 sidebar-item 导致的

• 提问者 Miiko #1

  但是 SidebarMenu 组件中也使用了 SidebarItem 组件，是可以渲染出来一级菜单的，所以应该不是文件名称的问题，大概率是我 SidebarMenu 组件中 import SidebarItem from '../SidebarItem/index.vue' 引用方式有问题，我修改了一下路径，把它们放到平级的文件中，即 import SidebarItem from './SidebarItem/index.vue' 就没有问题，这是为什么呀？
  
  // ----- SidebarItem 组件的代码为
  <template>
    <!-- 子级 menu 菜单 -->
    <el-sub-menu v-if="route.children.length > 0" :index="route.path">
      <template #title>
        <menu-item :meta="route.meta"></menu-item>
      </template>
      <sidebar-item
        v-for="item in route.children"
        :key="item.path"
        :route="item"
      ></sidebar-item>
  </el-sub-menu>
    <!-- 具体菜单项 -->
    <el-menu-item v-else :index="route.path">
      <menu-item :meta="route.meta"></menu-item>
    </el-menu-item>
  </template>