vue 报警告：Failed to resolve compon

警告如下 ：主要是渲染组件的时候

image.png
翻译一下就是，未能解析组件：constem如果此元素是本机自定义元素，请确保将其从组件中排除通过cpmpilerOptions.isCustomElement在 xxx 组件.

报错原因是

引入组件 方式错误了 ，以数组形式引入 的。 自定义的组件 直接引入 就可以了 。

// 引入顶部组件
import AppTopnav from '@/components/app-navbar'
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: ' Layout',
//  下面是错误的引入方式 
  components: [
    AppTopnav
  ]

}

解决方式：

正常以组件引入就行， {}形式的引入 需要 做一个 封装 统一封装到一个 对象里 。一般 ui库 可以这么用

image.png

类似的错误还有

报错原因是：引入组件 方式错误了 ，以对象形式引入 的。 自定义的组件 直接引入 就可以了

import {TodayList} from "../../components/TodayList";

解决方式：

正常以组件引入就行， {}形式的引入 需要 做一个 封装 统一封装到一个 对象里 。一般 ui库 可以这么用

import TodayList from "../../components/TodayList";

总结：
多学多看 多复盘