缺少有效信息是解决不了问题的，如果无法复现可以考虑远程 https://github.com/vuejs/language-tools/wiki/Help-Us-Investigate-Issues-Remotely

缺少有效信息是解决不了问题的，如果无法复现可以考虑远程 https://github.com/vuejs/language-tools/wiki/Help-Us-Investigate-Issues-Remotely

周末我尝试还原一下试试，目前已经通过 defineAsyncComponent 的形式解决了。

PS：能否在 tsc 命令上添加参数，输出 debug 日志？

你也可以下载一个 Volar Lab 扩展自己调试看看，把组件的虚拟代码粘到文件旁边，看看类型在哪里循环了。

经过测试同样的代码在 2.1.10 中是没有这个问题的。

调查结果：

1. 组件自引用与模板引用（可通过使用文件名当自引用组件名解决）

   <script lang="ts" setup>
   import Main from './main.vue';
   
   declare module 'vue' {
       interface GlobalComponents {
           Comp: {};
       }
   }
   </script>
   
   <template>
       <Comp ref="comp" />
       <Main />
   </template>

2. 组件循环引用与模板引用

   <script setup lang="ts">
   // main.vue
   import { useTemplateRef } from 'vue';
   import Comp from './comp.vue';
   
   const comp = useTemplateRef('comp');
   //    ^? Readonly<ShallowRef<any>>
   </script>
   
   <template>
       <!-- skip $el -->
       <Comp ref="comp"></Comp>
   </template>

   <script setup lang="ts">
   // comp.vue
   import Main from './main.vue';
   </script>
   
   <template>
       <!-- skip $el -->
       <Main ref="main"></Main>
   </template>