Vue定义变量报错no-unused-vars ‘变量名’ is defined but never used

后端数据是json格式,前段使用的是Vue,首先安装了VUE的qs插件
使用该命令进行安装

npm install qs

在这里插入图片描述
安装完了之后想引入qs,结果设置变量的时候报错no-unused-vars ‘变量名’ is defined but never used,变量名爆红线
引入qs

<script>
const Qs = require('qs')
</script>

使用qs处理

const parma = Qs.stringify(loginParams)

发现上面定义的Qs和parma 都报红,查了资料发现是Vue有个eslint校验,插件,通常用来校验语法或代码的书写风格.但是有些像缩进、空格、空白行之类的规范,在开发过程中一直报错,所以我们要对此进行处理
处理的方式有两种
一、在报错的语句后面加注释

// eslint-disable-line no-unused-vars

 const parma = Qs.stringify(loginParams) // eslint-disable-line no-unused-vars

缺点就是:每一行报错的代码都要加,比较繁琐
二、全局定义
找到vue的规则配置文件(我的是.eslintrc.js)
在rules中加入

 "no-unused-vars":0,


在这里插入图片描述
就可完美解决报错

Logo

前往低代码交流专区

更多推荐