vue3 + ts项目,vscode下.vue文件代码提示不正确?

cupida
  • 2
新手上路,请多包涵

github逛了一圈,应该是Volar插件的问题,等官方修复吧。

此题终结。

======================================================================

首先要说明一下,这是自己写的一个小玩具,断断续续半年多了,之前的代码提示都是好的,昨晚开机启动项目后就出问题了。

第一个问题

使用@别名引入模块,会提示模块找不到image.png

tsconfig.json有配置别名(另一种加了baseUrl的写法也无效) image.png

第二个问题

使用相对路径引入的方法,在ts文件中能看到正确的提示,vue文件中类型显示为any,
image.png

image.png

重新安装项目,升级脚手架都无效。

回复
阅读 490
1 个回答

因为是玩具项目,我更推荐这么做:

  1. 使用 vue3 官方推荐脚手架 create-vue 开一个新项目,将已有项目代码迁移过来。
  2. 确保 VS Code 安装了插件 Vue Language Features (Volar),并将 ts 语言服务完全交给插件管理。

如果你不想迁移,也可以参考 create-vue 生成的 vue3 项目是如何做的。

宣传栏