问题描述

在下载了源码后使用Visual Studio Code打开后,满屏的红色波浪写错误,如图所示:
在这里插入图片描述
鼠标移上去发现是vetur的报错,翻译这句报错,提示的是组件引入了但是没有使用,所以是可以正常运行的,就是看着有点恶心。

解决办法

运行没有问题,其实就是vetur这个插件不支持vue3的setup语法糖的写法格式了,你只需要停掉现有的vetur,再去下载新的插件TypeScript Vue Plugin (Volar)就可以了,方法如下:

1.停掉vetur

点击禁用或者卸载都可以;
在这里插入图片描述

2.安装新的插件Volar

在这里插入图片描述
在这里插入图片描述
有两个,分别是Vue Language Features和TypeScript Vue Plugin,第一个是支持vue3的标准语法的,第二个是针对ts的,都安装一下就可以了。

3.关掉vscode,重启后红色波浪线将会消失

关掉vetur和新安装这两款插件后,一定要重启一下软件,再打开就会发现错误消失了,你可以开开心心的去开发了。
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐