解决VSCode下使用vue报错`找不到模块“./App.vue”或其相应的类型声明。`

2,266 阅读1分钟

VSCode写vue代码时会有这样的报错,强迫症看得很难受

image.png

可以通过声明xxx.d.ts的方式解决

但是这样点击组件名称就会导致ts跳转一直跳到那个声明文件,我们不这样解决

volar接管模式

VSCode原生是不支持vue文件的,所以需要volar插件支持,而VSCode本身的Typescript与volar中有冲突,所以我们需要在工作区禁用VSCode默认的TS

image.png

禁用之后重新加载VSCode下面状态栏会出现

image.png

Ctrl+点击App组件即可跳转到该组件文件下,而且报错也消失了

参考链接 vuejs.org/guide/types…

===========================2024/3/4更新===========================

image.png

新的vue插件已不需要接管模式