解决： Vue 中 error ‘_‘ is defined but never used no-unused-vars

今天药忘吃喽~ 2022-10-12 12:15 495阅读 0赞

### 目录 ###

*  1. 前言
 *  2. 解决方案
 *   *  2.1 方案 1
     *  2.2 方案 2
 *  3. 参考文献

# 1. 前言 #

今天使用WebStorm运行vue项目的时候出现了下面所示的错误：

D:\ws-workspace\src\components\userHome.vue
      384:18  error  '_' is defined but never used  no-unused-vars
    ✖ 1 problem (1 error, 0 warnings)

这句话的意思使我们定义的变量未使用，但是在vue里面之前也是碰到这种错误就是你定义了变量但是不适用运行的时候就会报错。

# 2. 解决方案 #

为了解决这个错误，网上看了下别人的解决方案

## 2.1 方案 1 ##

关闭这个校验，打开vue项目下的package.json在下面找到rule\{\}，然后添加下面的这句话：

> “no-unused-vars”:“off”

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZjIwMTc_size_16_color_FFFFFF_t_70_pic_center]  
但是这种做法不是很推荐，毕竟是对全局的校验规则，万一某个地方写错了。

## 2.2 方案 2 ##

忽略下一行校验，我们在未使用到定义的变量的上一行添加下面这句话：

> // eslint-disable-next-line

或者

> <-- eslint-disable-next-line -->

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZjIwMTc_size_16_color_FFFFFF_t_70_pic_center 1]

# 3. 参考文献 #

[1. 解决 eslint警告：定义未使用，\*\* is defined but never used eslint][1. _ eslint_ is defined but never used eslint]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZjIwMTc_size_16_color_FFFFFF_t_70_pic_center]: /images/20221005/7fc63f5c6ed447e7b7ac8ee29dc2d92b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZjIwMTc_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221005/04e58de76d564e8fa5275db2c2ea07ca.png
[1. _ eslint_ is defined but never used eslint]: https://blog.csdn.net/wumingid/article/details/104672576/