1

问题:在.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"],

lavender
27 声望2 粉丝