安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法

代码编辑器：vscode ，使用vue3，所以安装了 Volar 插件，可以使 vue 代码高亮显示，不同颜色区分代码块，以及语法错误提示等

提示：如果使用的是vue2，则使用 Vetur 插件；使用 vue3 的话，要禁用 Vetur 插件，然后用 Volar 插件。两个插件不要同时使用，会冲突。

报错描述：

安装vite框架（Vue3）后，项目“main.ts” 文件中 “import App from ‘./App.vue’” 部分有红色报错提示，其他文件有些import引入文件也报错。
查看项目“main.ts” 文件中 “import App from ‘./App.vue’” 部分报错原因，提示报错 “Cannot find module ‘./App.vue’ or its corresponding type declaration”

报错原因：vite使用的是ts，ts不识别 .vue 后缀的文件

解决方法：

创建vite项目后，项目根目录会有一个 “env.d.ts” 文件，找到该文件，在里面添加一下代码：

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

如图所示：

添加好后保存代码，然后再查看 “main.ts” 文件中 “import App from ‘./App.vue’” 部分有没有报错，发现报错消失了，

参考文章：https://www.cnblogs.com/tbfboke/p/16737485.html

安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法相关推荐

解决Cannot find module ‘./App.vue‘ or its corresponding type declaration 的问题
报错原因:vite使用的是ts,ts不识别.vue 后缀的文件具体问题如下:在main.ts中导入App.vue文件报该错误解决方法:在vite项目的根 vite-env.d.ts 文件中添加下面 ...
【pycharm】pycharm上安装tensorflow，报错：AttributeError: module ‘pip‘ has no attribute ‘main‘ 解决方法
[pycharm]pycharm上安装tensorflow,报错:AttributeError: module 'pip' has no attribute 'main' 解决方法参考文章: (1) ...
（转）coures包下载和安装可解决报错ImportError: No module named '_curses'
原创文章,转载请注明出处. coures curses 库 ( ncurses )提供了控制字符屏幕的独立于终端的方法.curses 是大多数类似于 UNIX 的系统(包括Linux)的标准部分,而且 ...
webstorm报错：TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations
错误描述在使用ts后,webstrom报以下错误 TS2307: Cannot find module './App.vue' or its corresponding type declarati ...
coures包下载和安装可解决报错ImportError: No module named '_curses'
原创文章,转载请注明出处. coures curses 库 ( ncurses )提供了控制字符屏幕的独立于终端的方法.curses 是大多数类似于 UNIX 的系统(包括Linux)的标准部分,而且 ...
CentOS下安装Python3.7报错ModuleNotFoundError: No module named '_ctypes'的解决方案
问题复现: 编译安装Python3.7版本,在make install的时候,出现报错 zipimport.ZipImportError: can't decompress data; zlib no ...
windows环境下安装scrapy框架报错问题--最快捷有效的解决方案
windows在执行如下命令,安装scrapy的过程中会报错: pip install scrapy 报错分析: windows环境下,会出现如下错误: 1.提示的错误是编译环境的问题,字面意思看需要 ...
安装scrapy框架报错是常见问题
还好,本人只碰到其中一个bug,以下是此次安装经验环境 py3.4 windows7 64位安装有VS2010 pip包管理(pycharm) 报错信息安装lxml过程中报错:error: co ...
报错Cannot determine embedded database driver class for database type NONE解决方法
由于我不需要数据库,启动springboot报错: Cannot determine embedded database driver class for database type NONE If ...

安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法

提示：如果使用的是vue2，则使用 Vetur 插件；使用 vue3 的话，要禁用 Vetur 插件，然后用 Volar 插件。两个插件不要同时使用，会冲突。

报错描述：

报错原因：vite使用的是ts，ts不识别 .vue 后缀的文件

解决方法：

安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法相关推荐

最新文章

热门文章

安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法

提示：如果使用的是vue2，则使用 Vetur 插件；使用 vue3 的话 ，要禁用 Vetur 插件，然后用 Volar 插件。两个插件不要同时使用，会冲突。

报错描述：

报错原因：vite使用的是ts，ts不识别 .vue 后缀的文件

解决方法：

安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法相关推荐

最新文章

热门文章

提示：如果使用的是vue2，则使用 Vetur 插件；使用 vue3 的话，要禁用 Vetur 插件，然后用 Volar 插件。两个插件不要同时使用，会冲突。