vite+typescript项目：找不到模块“./***.vue”或其相应的类型声明——解决方案

原创于 2023-08-02 02:58:49 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #ts找不到模块 #vite找不到模块 #tsvite找不到模块 #陈福国

常见问题专栏收录该内容

20 篇文章

订阅专栏

文章讲述了在使用Vue3和TypeScript时遇到的‘找不到模块’错误，提供了在vite-env.d.ts或env.d.ts中添加类型声明以解决此问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3+ts报错：
找不到模块“./App.vue”或其相应的类型声明。ts(2307)

在这里插入图片描述

解决方法：

1、在src文件夹找到 vite-env.d.ts 加入以下代码：

declare module '*.vue' {
  import type { DefineComponent } from 'vue'

  const vueComponent: DefineComponent<{}, {}, any>

  export default vueComponent
}

2、若无vite-env.d.ts文件，则在项目根目录创建 env.d.ts 文件（如果已有，则在文件中追加）以下代码：

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