前言
在升级 arco-design-pro-vue 的依赖库版本的过程中,遇到一个 vue 警告:
[Vue warn]: Invalid VNode type: undefined (undefined)
警告示意图如下:
警告所在具体文件说明:vue 中使用 tsx 语法,对一个组件的命名插槽进行赋值。
| 标题 | 内容 |
|---|---|
| vue 版本 | 3.4.21 |
解决
最终定位到的错误关键代码截图:
原始代码来源:arco-design-pro-vue/arco-design-pro-vite/src/components/menu/index.vue
解决方案:将 icon: () => icon 修改为 icon: () => h(icon)。