您现在的位置是:首页» windows系统» vue3 setup做了什么,vue3 module error常见问题

vue3 setup做了什么,vue3 module error常见问题

2024-07-13 03:44:48
本内容由系统网小编为大家分享,Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现,遇到此问题:Cannot find mod

本内容由系统网小编为大家分享,Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现,遇到此问题:

Cannot find module … or its corresponding type declarations.(ts2307)

文件报错类型以及ts官方错误说明:

这里以别名"@"为例子:

2307

错误

Cannot find module ‘{0}’.

找不到模块“{0}”。

问题解决方案:

解决方向:开发工具配置 or 项目配置

一、开发工具有关:这里只说使用到的vscode

1、优先查看自己vscode的工作的ts位置及版本

首先,mac: command + shift + P(windows应该也是类似案件cmmand换成Alt或者Ctrl)打开搜索 type 就会显示如下:

然后,让Volar去选择对应的工作位置及版本:

最后,请选择使用工作台版本(这是在寻找问题时候看到尤大大给出的答案)。

切记!!!选择后完全关闭vscode重启!!!

2、可能有人看到_Volar:Select TypeScript Version…_

这里Volar就是一个vscode插件,对应是为了Vue3的使用。(插件库直接搜索Volar就可以下载)

要编写Vue3所以请下载Volar并关闭Vetur,并注释或删除到你所有的Vetur用户设置:

command + shift + P(windows应该也是类似案件cmmand换成Alt或者Ctrl)打开搜索 setting 就会显示如下:

打开setting.json文件全局搜索“vetur”并删除或注释掉相关设置保存。

切记!!!保存后完全关闭vscode重启!!!

**二、**项目配置有关:这里构建工具使用vite,但webpack,gulp应该是类似的:

2个配置文件需要相互设置好:

tsconfig.json

vite.config.ts

保存好后,切记!!!保存后完全关闭vscode重启!!!

PS:开发工具和项目配置都需要确认好,构建工具和js框架应该都是类似的问题,设置好就没问题!

希望能帮大家解决问题,如果还有问题可以提出来,大家互相交流交流,一起解决,一起学习!

XTw.com.Cn系统网专业应用软件下载教程,免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息,解决一体化的办公方案。

免责声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。内容仅供参考使用,不准确地方联系删除处理!

联系邮箱:773537036@qq.com

标签: 解决 项目 TS