问题:在.ts文件中报错,找不到模块“./XXX.vue”或其相应的类型声明
报错原因:typescript只能理解.ts文件,无法理解.vue文件
解决方法:
可以在 src 目录下创建一个 env.d.ts 文件(一般已存在),接着在里面增加下面的内容:
/// <reference types="vite/client" />
// 三斜线引用告诉编译器在编译过程中用types形式引入的额外的文件vite/client.d.ts,
// 此文件里面是vite帮我们定义的各种常用类型定义,比如css,图片等。
declare module '*.vue' {
import type { DefineComponent } from 'vue'
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
const component: DefineComponent<{}, {}, any>
export default component
}
默认情况下,Vite 在 vite/client.d.ts 中为 import.meta.env 提供了类型定义。
参考:https://vitejs.bootcss.com/gu...
在tsconfig.app.json中的include字段中加入"env.d.ts":
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。