VSCode ESlint 和 React Typescript 声明类型给出错误答案

【问题标题】：VSCode ESlint and React Typescript declaring type gives an errorVSCode ESlint 和 React Typescript 声明类型给出错误
【发布时间】：2020-03-24 15:02:16
【问题描述】：

我创建了一个应该支持打字的 axios 配置文件：

import axios, { AxiosRequestConfig, AxiosInstance } from 'axios';

const api = axios.create({
  baseURL: '/api',
  responseType: 'json',
});

export const apiConfig = ({ baseURL, headers }: AxiosRequestConfig): AxiosInstance => axios.create({
  baseURL,
  headers,
});

export default api;

但我不断收到这个烦人的错误：

'AxiosRequestConfig' is defined but never used.eslint(no-unused-vars)
'AxiosInstance' is defined but never used.eslint(no-unused-vars)

这是我的 ESlint 配置文件：

{
    "env": {
        "browser": true,
        "es6": true,
        "jasmine": true
    },
    "extends": [
        "plugin:react/recommended",
        "airbnb"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true,
            "tsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint"
    ],
    "settings": {
      "import/resolver": {
        "node": {
          "extensions": [".js", ".ts", ".tsx"],
          "paths": ["src"]
        }
      }
    },
    "rules": {
        ....
}

我真的很想知道 webpack 编译（添加了 eslint-loader）没有问题。

【问题讨论】：

标签： reactjs typescript axios eslint

【解决方案1】：

我已经通过在 eslint 配置规则中添加以下内容来修复它：

   rules: {
    ....
    "@typescript-eslint/no-unused-vars": [
        2,
        {
            "args": "none"
        }
    }

这是由于 typescript 和 eslint 的误报：https://github.com/typescript-eslint/typescript-eslint/issues/941

【讨论】：