ts 文件不识别 .vue 报错

ts 文件不识别 .vue

一般情况下在vue项目里面我们要在main.ts导入App 用来创建App 但是一般情况下我们会发现报错 因为不识别么.

解决

创建 xx.d.ts 文件并写入

/// <reference types="vite/client" />  
//三斜杆是ts语法

declare module "*.vue" {  
import { DefineComponent } from "vue";  
const component: DefineComponent<  
NonNullable<unknown>,  
NonNullable<unknown>,  
never  
>;  
export default component;  
}  

参考链接reference

.d.ts 文件的文件路径由你的 tsconfig.json中 include 决定

"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],

在我这里 "src/**/*.d.ts" 表示它应该创建在src下面
具体情况具体对待