【vue3 + vite】: Invalid VNode type: undefined (undefined)

在使用 vue3 注册全局组件的时候，使用 app.component 注册组件在使用的时候会报：Invalid VNode type: undefined (undefined) 的错误。

const components = import.meta.glob("../components/form/*.vue");
function autoRegisterComponents(app: App) {Object.entries(components).forEach(([file, module]) => {const name = file.split("/").pop()?.replace(/.vue/, "") as string;app.component(name, module);});
}

解决：

引入 defineAsyncComponent（定义一个异步组件，它在运行时是懒加载的。参数可以是一个异步加载函数，或是对加载行为进行更具体定制的一个选项对象。）

import { App, defineAsyncComponent } from "vue";const components = import.meta.glob("../components/form/*.vue");
function autoRegisterComponents(app: App) {Object.entries(components).forEach(([file, module]) => {const name = file.split("/").pop()?.replace(/.vue/, "") as string;app.component(name, defineAsyncComponent(module));});
}

【vue3 + vite】: Invalid VNode type: undefined (undefined)相关推荐

Invalid vnode type when creating vnode: undefined. vue 3.2版本错误解决
Invalid vnode type when creating vnode: undefined. 主要是因为引入组件的时候,变量名没有首字母大写 import winVue from " ...
【Vue3.0】Vue3.0简介-指令-过滤器-案例D2.0
[Vue3.0]Vue3.0简介-指令-过滤器-案例一.Vue3.0简介 1.1.vue3.0与vue2.0对比 vue2.0中绝大多数的API与特性,在vue3.0中同样支持.但是vue3.0中新 ...
【Vue3.0】—V- model‘ directives require no argument.
[Vue3.0]-V- model' directives require no argument. 虽然项目可以运行,但是看着很不舒服! 解决办法 VSCode-文件-首选项-设置进入JSON文件 ...
【vue警告坑】 Invalid prop: type check failed for prop resultChild. Expected Object, got String with v
[Vue warn]: Invalid prop: type check failed for prop "resultChild". Expected Object, got ...
【Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化】
目录前言创建项目安装初始化ESlint 安装ESlint: 初始化ESlint: 安装配置Prettier 安装prettier: 配置prettier: 配置VScode保存时自动格式化代码 ...
【Vue3+vite+Element-UI Plus 】
1 Vue3 + vite + Element-UI Plus 全局配置在终端中利用命令 npm init vite-app 项目名称 ,创建基于 vite 的 vue3 项目利用命令 npm i ...
vue3使用箭头函数导入异步组件报错Invalid VNode type: undefined的解决方案
import { defineAsyncComponent } from 'vue'export default {components: {Header: defineAsyncComponent( ...
[Vue warn]: Invalid VNode type: undefined
记录一个找了很久的问题:一般出现这种状况很有可能是(某个customRender有问题) customRender的动态变化也是组件,customRender有问题排查方法在你要返回的columns ...
【C++ grammar】Enhancement for Type System (C++11 对类型系统的增强)
数据类型 (Data type) int, long int, double, struct, char *, float [], int (*f)()- 计算机程序构造块计算机程序构造块是不同大小 ...

【vue3 + vite】: Invalid VNode type: undefined (undefined)

【vue3 + vite】: Invalid VNode type: undefined (undefined)相关推荐

最新文章

热门文章