TypeScript 无法识别 .vue 文件的类型

原因

缺少对应的类型说明

解决前

解决后

解决步骤

在项目中创建一个全局的类型声明文件（如 shims-vue.d.ts），为 .vue 文件添加类型定义，使 TypeScript 正确识别 Vue 组件模块。

a. 在 src 目录下新建或修改类型声明文件 shims-vue.d.ts，内容如下：

declare module '*.vue' {import { DefineComponent } from 'vue'const component: DefineComponent<{}, {}, any>export default component
}

b. 确保 tsconfig.json 中包含对声明文件的支持，例如：

{"include": ["src/**/*"]
}