警告如下 ：主要是渲染组件的时候
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";
总结：
多学多看 多复盘
