Vscode的vue项目中下滑红线报错问题
1、报错原因
代码存在语法错误(错误并不影响项目的编译运行),并且校验功能是开启状态就会出现下滑红线的报错。
2、解决方法
1)关闭校验
- 如果项目的校验功能是以依赖的方式实现的,如项目中有eslint依赖,那可以考虑将eslint依赖的代码删除。
- 如果项目中的校验功能是以插件的方式实现的,如vscode中安装了Eslint插件,则可以尝试在设置->输入框中搜索Eslint->关闭校验。(其余校验插件也是同理)
- 缺点:关闭校验的方式可以解决下滑红线的报错提示,但是本质上代码的语法错误依旧存在。当项目需要部署到一个存在强校验的平台上是就会出现问题,因此可以考虑逐个解决下滑红线的语法报错。(下面对常见的语法错误类型及解决方法进行总结)
2) 逐个解决语法错误
-
类型“xxx”不存在“xxx”属性
解决思路:对对应类型进行声明时增加一个any属性
具体例子:类型"res"不存在"data"属性
解决方法:将原本的let res ->let res:any -
已声明"xxx",但从未读取其值
解决思路: