左侧菜单栏报错，找不到哪错了，如何解决？

img

img

img


做左侧菜单栏报错，Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

搞一下午了没找到哪错了

你写的

img

注册组件错了
components: { 
  CommonAside
}

这个报错通常是由于在使用 Vue.js 或其他类似前端框架时，没有正确注册组件所导致的。产生该报错的原因可能是由以下情况引起的：

  1. 组件未正确注册：在使用组件之前，需要确保已正确注册该组件。使用 Vue.js 进行组件注册的方法通常是通过 Vue.component() 函数或在局部组件中使用 components 属性。

例如，在全局注册组件的情况下，你可以在 Vue 实例之前使用 Vue.component() 函数：

Vue.component('component-name', Component);

如果是局部注册组件，你需要在父组件的 components 属性中注册该组件：

export default {
components: {
'component-name': Component
},
// ...
}

请确保组件名和模板中引用的组件名完全一致。

  1. 组件命名错误：如果你使用了递归组件，必须提供 "name" 选项。在递归组件中，设置 "name" 选项是必需的，以便组件可以引用自身。

例如：

export default {
name: 'component-name',
// ...
}

检查你的代码，确保在组件定义时提供了正确的 "name" 选项。

如果以上解决方法没有解决问题，可能是其他原因导致的。您可以进一步检查组件的引入方式、文件路径是否正确，以及相关的依赖项是否正确安装。