Question

我收到许多不正确的ESLint / TS警告，说枚举例是“分配了一个值，但从未使用过”，或者导入项是“已定义，但从未使用过”。这是一些代码。

所有导入都说它们已定义但从未使用过（尽管您可以看到它们位于底部的类型中）。

所有枚举实例都在说它们是“分配了一个值但从未使用过”，您可以看到它们确实在所有操作类型中都使用过。

不过，我会注意到PARAMETER_CHANGE_FAILED还会说“未使用的只读字段PARAMETER_CHANGE_FAILED”，这是真的，但这种情况在我的项目中从未真正使用过。

import {ThunkAction, ThunkDispatch} from "redux-thunk";
import {AppState} from "../reducers/index.reducer";

export type ChangeParameterAction = {
  type: MyActionType.PARAMETER_CHANGED,
  parameter: ParameterName,
  value: any
}

export type SetParametersAction = {
  type: MyActionType.PARAMETERS_SET,
  settings: { [name: string]: any }
}

export type ActiveTabAction = {
  type: MyActionType.TAB_CHANGED,
  tab: Tab
}

export type ErrorAction = {
  type: MyErrorType,
  error: Error
}

export enum MyErrorType{
  ERROR = 'ERROR',
  PARAMETER_CHANGE_FAILED = 'PARAMETER_CHANGE_FAILED',
}

export enum MyActionType{
  TAB_CHANGED = 'TAB_CHANGED',
  PARAMETER_CHANGED = 'PARAMETER_CHANGED',
  PARAMETERS_SET = 'PARAMETERS_SET',
}

export type SettingsAction = ChangeParameterAction | SetParametersAction;

export type FirmmAction =
  | ActiveTabAction
  | UpdateActiveSeriesAction
  | UpdateStudyAction
  | UpdateDataAction
  | SettingsAction
  | ErrorAction

export type MyThunkAction = ThunkAction<void, AppState, {}, MyAction>
export type MyThunkDispatch = ThunkDispatch<{}, {}, MyAction>

在另一个文件中，我从上面的文件中导入了几乎所有内容，并全部使用（已运行Webstorm的“ Optimize Imports”），但所有类型均显示为从未使用。有趣的是，尽管其中之一是错误的，但其中两个导入的枚举没有给出该误报错误。

我可以在我的eslint配置中将no-unused-vars设置为off，但我希望它可以正常工作。

以下是一些配置信息：

// eslintrc 
module.exports = {
    env: {
        browser: true,
        es6: true,
    },
    extends: [
        'react-app',
    ],
    globals: {
        Atomics: 'readonly',
        SharedArrayBuffer: 'readonly',
    },
    parser: '@typescript-eslint/parser',
    parserOptions: {
        ecmaFeatures: {
            jsx: true,
        },
        ecmaVersion: 2018,
        sourceType: 'module',
    },
    plugins: [
        'react',
        '@typescript-eslint',
    ],          
    rules: {
        // TODO: Adding this rule 
        // "no-unused-vars": "off"
    },
};

// package.json dependencies
    ...
    "eslint-config-react-app": "^3.0.5",
    "eslint-loader": "2.1.1",
    "eslint-plugin-flowtype": "2.50.1",
    "eslint-plugin-typescript": "^1.0.0-rc.3",
    ...
// package.json devDependencies
    ... 
    "@typescript-eslint/eslint-plugin": "^2.7.0",
    "@typescript-eslint/parser": "^2.7.0",
    "eslint": "^6.6.0",
    "eslint-config-airbnb": "^18.0.1",
    "eslint-plugin-import": "^2.18.2",
    "eslint-plugin-jsx-a11y": "^6.2.3",
    "eslint-plugin-react": "^7.16.0",
    "eslint-plugin-react-hooks": "^1.7.0",
     ...

Answer 1

就我而言，它帮助使用@vue/eslint-config-typescript/recommended配置。

我还必须安装：

eslint-config-typescript（v5，以前我有v4）
@typescript-eslint/eslint-plugin
@typescript-eslint/parser

如此处建议的：eslint-config-typescript，我使用了以下配置：

extends: [
  'plugin:vue/essential',
  '@vue/typescript/recommended', // corrects the 'no-unused-vars'

  '@vue/prettier',
  '@vue/prettier/@typescript-eslint', // for prettier to work
],

“ no-unused-vars”的误报

1 个答案: