VUE3+TS 找不到模块“./App.vue”或其相应的类型声

一. 问题描述

ts文件无法识别.vue文件

image.png

二. 解决问题

情况1： 如果src下面已经有vite-env.d.ts文件，直接添加以下代码

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

image.png

情况2：如果src下面没有vite-env.d.ts文件

1. 先新建一个vite-env.d.ts文件，然后添加上面的代码

注意：文件名不一定要叫vite-env.d.ts，你可以随便取名，比如vue.d.ts

image.png

2. 然后找到tsconfig.json文件，检查确认一下是否include属性里面是否匹配到新建的文件，如果匹配到就不用管了，如果没有自己添加一下就行了
   image.png