Invalid vnode type when creating vnode: undefined.

[zhenzhenChange]

Version

3.2.3

Reproduction link

codesandbox 貌似不支持 script setup？

很抱歉，为了能正确表达我遇到的问题，请原谅我采用中文来叙述问题😂。

Steps to reproduce

Test.vue

---

一切的前提是开启了 lang="ts"

1. 导入的组件如果不是大写开头，则会警告 Invalid vnode type when creating vnode: undefined. ，并且是两次。这点和 SFC setup script does not make imported components available to template with TypeScript + Pug #4312 描述的相似。

2. 如果中间掺杂了其它的东西，也会干扰到组件的解析，这里我是升级了项目里的版本，并且组件名都是大写，我无法排查（而且这个还只是一个登录页，进入系统后控制台就会被这个警告占满，浏览器会卡死，没有办法调试）。

去掉 lang="ts" 或者组件名大写，能正确解析

What is expected?

正确解析组件

What is actually happening?

未正确解析

[HcySunYang]

给个最小重现的项目，可运行的。

[zhenzhenChange]

https://gitee.com/zhenzhenChange/vue-next-issuse-4358 [GitHub 被墙了，推不上]

---

不好意思，久等了。

就像问题描述里的一样，这里的 demo 只是涉及了组件名的大小写以及lang="ts"的问题，到了实际项目里，基本无法排查出其它情况，所以很抱歉，我没办法重现项目中出现的问题（可以确定的是，每个组件名都会是大写的，这是我一直以来的习惯）。

不过我个人人为，这里的问题应该是相通的，关联的，也许搞定了大小写的问题，另外一个也随之搞定

[zhenzhenChange]

• node v14.9.0
• npm v6.14.8
• yarn v1.22.10
• Windows 10
• Google Chrome v92.0.4515.131

[zhenzhenChange]

这个问题貌似存在偶然性，我刚刚又跑了一遍第一张图 Test1.vue 居然又能正常解析了。。

[HcySunYang]

没有重新我们无法给你更多帮助

[zhenzhenChange]

好的，我再尝试一下找找问题所在。

但我想向你确认一点，在<script setup lang="ts">中，导入的组件，命名必须是要大写的对嘛？

[HcySunYang]

不必须大写

[zhenzhenChange]

嗯嗯，好的，谢谢你。

也感谢 @ygj6 的付出。

[ygj6]

@HcySunYang @zhenzhenChange I can reproduce the problem stably in this project: https://gitee.com/zhenzhenChange/vue-next-issuse-4358, so I think it's a bug.

[viceroyliu]

我当前又遇到了这个bug，提示我 Invalid vnode type when creating vnode: undefined. ，并且ThreeAddInvoice组件无法展示。

当我注释掉 FourAddInfo 组件的引用时，才能正常展示，像这样