Vue3+TS全局组件报ts(2604)：JSX元素类型无构造/调用签名

这个是静态类型检查层面的虚假报错，不影响实际编译运行，核心触发原因：

• Vue全局组件注册是纯运行时行为，Volar（Vue官方语言服务，现更名Vue-Official）不会扫描main.ts中的注册逻辑自动推导全局组件类型，必须手动补充TS类型声明才能让编辑器识别。局部导入的组件Volar可以直接通过导入语句拿到类型定义，所以不会触发报错。
• 你提供的示例代码中app.component传参顺序写反：该方法第一个参数应为全局组件注册名（字符串类型），第二个参数才是组件对象，虽然部分场景下运行时可能兼容写法，但会干扰类型推导逻辑。
• 本地类型服务异常：比如同时启用Vetur和Volar插件产生冲突、TS版本和Volar依赖版本不匹配、tsconfig.json未正确包含Vue类型声明文件。

按以下顺序排查处理：

1. 修正全局组件注册参数顺序 #

先把main.ts里的注册代码改成Vue规定的参数顺序，避免不必要的类型干扰：

//main.ts
import MyComponent from "./components/MyComponent.vue";
// 第一个参数传组件名字符串，第二个传组件对象
_app.component("my-component", MyComponent);

2. 补充全局组件类型声明 #

在src目录下新建components.d.ts文件，手动声明所有全局注册的组件类型，Volar会自动读取这个文件的类型定义：

// src/components.d.ts
import MyComponent from './components/MyComponent.vue'

declare module 'vue' {
  export interface GlobalComponents {
    // 键名写模板里用的标签名，值对应导入的组件类型
    'my-component': typeof MyComponent
    // 第三方库的全局组件也按同样规则声明，比如Element Plus的按钮组件：
    // 'el-button': typeof import('element-plus')['ElButton']
  }
}

// 该导出语句不可省略，用于将当前文件标记为TS模块
export {}

写完后在VSCode里按快捷键Ctrl+Shift+P（Windows）/Cmd+Shift+P（Mac），调出命令面板选择TypeScript: Restart TS Server，等TS服务重启完成后报错就会消失。
如果项目里用了unplugin-vue-components做组件自动导入，只要把插件配置里的dts选项设为true，插件会自动生成这份声明文件，不需要手动维护。

3. 排查环境冲突问题 #

如果上面两步操作完还是有报错，按以下点逐一排查：

• 禁用Vetur插件：Vetur仅适配Vue2，和Vue3场景下使用的Volar/Vue-Official插件同时开启会触发各类异常类型报错
• 检查tsconfig配置，确保已经正确包含Vue相关类型和所有源码文件，核心配置参考：

{
  "compilerOptions": {
    "types": ["vite/client", "vue"],
    "strict": true
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

• 删除node_modules和依赖锁文件，重新安装依赖后重启编辑器，排除依赖版本不匹配或者本地缓存导致的异常。

内容的提问来源于stack exchange，提问作者ScumSprocket