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

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

1、报错原因

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

2、解决方法

1）关闭校验

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

2） 逐个解决语法错误

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

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

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

  解决思路：删除或注释掉报错变量（该变量未被使用）

• 类型“xxx”的参数不能赋值给类型”xxx”参数

//解决思路：将参数类型改变为any

/*以下代码会出现红线报错：类型"string"不能赋值给类型"never"的参数
  原因：声明array时并未给其声明类型，因此会被默认为never类型。
  这与传入的string参数参数不匹配
*/

var array = [];
array.push("example");

//解决方法
var array = [] as any;
array.push("example")

代码007普通

打赏 收藏 海报 链接