[Vue warn]: Invalid VNode type: undefined (undefined)

238 阅读1分钟

前言

在升级 arco-design-pro-vue 的依赖库版本的过程中,遇到一个 vue 警告:

[Vue warn]: Invalid VNode type: undefined (undefined) 

警告示意图如下:

image.png

警告所在具体文件说明:vue 中使用 tsx 语法,对一个组件的命名插槽进行赋值。

标题内容
vue 版本3.4.21

解决

最终定位到的错误关键代码截图:

image.png

原始代码来源:arco-design-pro-vue/arco-design-pro-vite/src/components/menu/index.vue

解决方案:将 icon: () => icon 修改为 icon: () => h(icon)

image.png

参考资料