axios 已定义但从未使用过答案

【问题标题】：Axios is defined but never usedaxios 已定义但从未使用过
【发布时间】：2020-03-17 13:54:13
【问题描述】：

在我的 App.vue 文件中导入 axios import axios from "axios"; 后，出现 axios is defined but never used 错误。我附上了错误图像和package.json 代码。我安装了axios。如何解决？

package.json 文件为：

{
  "name": "myvue",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@mdi/font": "^3.6.95",
    "@vue/test-utils": "^1.0.0-beta.29",
    "axios": "^0.19.0",
    "core-js": "^3.3.2",
    "material-design-icons-iconfont": "^5.0.1",

    "roboto-fontface": "*",
    "vue": "^2.6.10",
    "vuetify": "^2.1.10"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.0.0",
    "@vue/cli-plugin-eslint": "^4.0.0",
    "@vue/cli-service": "^4.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "sass": "^1.19.0",
    "sass-loader": "^8.0.0",
    "vue-cli-plugin-vuetify": "^2.0.2",
    "vue-template-compiler": "^2.6.10",
    "vuetify-loader": "^1.3.0"
  }
}

【问题讨论】：

这很可能是由 linter 引起的
解决方法是使用axios。 Please don't post images of code or errors.
可能是重复的行，或者大多数情况下您没有使用它来创建请求

标签： vue.js axios

【解决方案1】：

转到package.json 文件查找eslintConfig 包含rules 具有以下属性的对象。

"eslintConfig": {
  "rules": {
    "no-unused-vars": "off",
    "no-console": [
      "warn",{ "allow":[ "clear", "info", "error", "dir", "trace", "log"]}
    ],
  }
},

没有未使用的变量 此规则报告 v-for 指令或范围属性的变量定义（如果未使用）。

【讨论】：

【解决方案2】：

您可以通过更新您的package.json 文件来解决这个问题，在"eslintConfig" 下，例如：

...

"rules": {
  "no-console": "off",
  "no-unused-vars": "off"
}

...

【讨论】：

【解决方案3】：

您没有在 App.vue 文件中的任何地方使用它。

删除该导入并查看它是否有效。

【讨论】：

【解决方案4】：

这更像是一个警告而不是错误，但它在您的eslint 文件中设置为错误。

这只是说您没有使用axios，但您导入了它。该 lint 规则只是确保您使用了您定义的每个变量。

这是关于该规则的文档：https://eslint.org/docs/rules/no-unused-vars

【讨论】：