Vscode的vue项目中下滑红线报错问题

Vscode的vue项目中下滑红线报错问题

1、报错原因

代码存在语法错误（错误并不影响项目的编译运行），并且校验功能是开启状态就会出现下滑红线的报错。

2、解决方法

1）关闭校验

• 如果项目的校验功能是以依赖的方式实现的，如项目中有eslint依赖，那可以考虑将eslint依赖的代码删除。
• 如果项目中的校验功能是以插件的方式实现的，如vscode中安装了Eslint插件，则可以尝试在设置->输入框中搜索Eslint->关闭校验。（其余校验插件也是同理）
• 缺点：关闭校验的方式可以解决下滑红线的报错提示，但是本质上代码的语法错误依旧存在。当项目需要部署到一个存在强校验的平台上是就会出现问题，因此可以考虑逐个解决下滑红线的语法报错。（下面对常见的语法错误类型及解决方法进行总结）

2） 逐个解决语法错误

• 类型“xxx”不存在“xxx”属性

  解决思路：对对应类型进行声明时增加一个any属性
  具体例子：类型"res"不存在"data"属性
  解决方法：将原本的let res ->let res:any

• 已声明"xxx"，但从未读取其值

  解决思路：