vue3语法糖setup中使用vscode打开,满屏红线报错,‘xxx‘ is declared but its value is never read. Vetur(6133),解决方法
编写vue3代码的时候,引入的组件和定义的变量,在vscode中会出现红色波浪线,虽然不影响运行,但是看着很别扭,应该怎么处理那
·
问题描述
在下载了源码后使用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和新安装这两款插件后,一定要重启一下软件,再打开就会发现错误消失了,你可以开开心心的去开发了。
更多推荐
已为社区贡献6条内容
所有评论(0)