vue3 + ts 的环境时,找不到模块“./App.vue”或其相应的类型声明。

问题:找不到模块“./App.vue”或其相应的类型声明。ts(2307)
原因:typescript 只能理解 .ts 文件,无法理解 .vue文件,因此需要给.vue文件加上类型说明文件
解决方案: 在项目根目录 env.d.ts 文件中,追加以下内容:

/// <reference types="vite/client" />
declare module "*.vue" {
    import { defineComponent } from "vue";
    const Component: ReturnType<typeof defineComponent>;
    export default Component;
}

在Vue 3 + TypeScript环境中,如果遇到找不到模块“./App.vue”或其相应的类型声明的问题,可能是由于以下几个原因导致的:

检查文件路径:确保文件路径正确,确保在引入./App.vue时,文件的实际路径与引入路径一致。可以使用相对路径或绝对路径来引入文件。

检查文件后缀:Vue 3中,.vue文件的后缀是必需的。请确保在引入./App.vue时,文件的后缀是.vue。

检查文件是否存在:确保./App.vue文件实际存在于指定的路径中。如果文件不存在,将无法找到模块。

检查tsconfig.json配置:在Vue 3 + TypeScript项目中,确保tsconfig.json文件正确配置。请确保"include"字段包含了正确的文件路径,以便TypeScript编译器能够正确解析文件。

检查Vue版本:确保您使用的是Vue 3版本。在Vue 3中,.vue文件的导入方式与Vue 2有所不同。

如果上述步骤都没有解决问题,可以尝试以下操作:

确保您的项目中已经安装了Vue 3和TypeScript的相关依赖。
清除项目的缓存并重新安装依赖项。
检查IDE或编辑器是否正确识别Vue 3和TypeScript的语法和类型声明。
如果问题仍然存在,请提供更多的项目配置和代码细节,以便更好地帮助您解决问题。