找不到规则 'simple-import-sort/sort' 的定义 simple-import-sort/sort

Question

我正在使用 react with the simple-import-sort eslint 插件。我认为我的 .eslintrc.js 是正确的，但我无法使这个特定的插件工作。我在文件的第一行收到以下错误：

未找到规则 'simple-import-sort/sort' 的定义 simple-import-sort/sort

这是我的配置：

module.exports = {
  parser: '@typescript-eslint/parser',
  extends: [
    'eslint:recommended',
    'airbnb-typescript',
    'airbnb/hooks',
    'plugin:@typescript-eslint/recommended',
    'plugin:@typescript-eslint/recommended-requiring-type-checking',
    'plugin:import/recommended',
    'plugin:jest/recommended',
    'plugin:jsx-a11y/recommended',
    'plugin:prettier/recommended',
    'plugin:react/recommended',
    'prettier',
    'prettier/@typescript-eslint',
    'prettier/react',
  ],
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
    },
    project: './tsconfig.json',
  },
  ignorePatterns: ['*.js'],
  plugins: ['react', 'prettier', 'import', 'simple-import-sort'],
  rules: {
    'prettier/prettier': ['error'],
    'no-underscore-dangle': 'off',
    'no-async-promise-executor': 'warn',
    'no-unused-vars': 'error',
    'object-shorthand': ["error", "always"],
    'react/destructuring-assignment': ['off', 'never'],
    'react/jsx-filename-extension': ['warn', { extensions: ['.tsx', '.js', '.jsx'] }],
    'react/jsx-uses-react': 'error',
    'react/jsx-uses-vars': 'error',
    'react/no-unescaped-entities': 'off',
    'react/jsx-no-undef': ['error', { allowGlobals: true }],
    'react/jsx-props-no-spreading': 'warn',
    'react/prop-types': 'off',
    'react-hooks/exhaustive-deps': 'off',

    'sort-imports': 'off',
    'simple-import-sort/sort': 'error',
    'import/order': 'off',
    'import/prefer-default-export': 'off',
    'import/extensions': 'off',
    'import/no-extraneous-dependencies': ['error', { devDependencies: true }],

    // '@typescript-eslint/camelcase': ['error', { properties: 'never' }],
    '@typescript-eslint/no-var-requires': 'off',
    '@typescript-eslint/explicit-function-return-type': 'off',
    'jsx-a11y/anchor-is-valid': 'off',
    'jsx-a11y/no-static-element-interactions': 'off',
  },
};

Answer 1

可能是您使用的是 v6。

v6 似乎没有 simple-import-sort/sort 规则，参见 usage in the README. This was a change from v5 on Nov 15。

您可能需要进行以下更改：

- 'simple-import-sort/sort': 'error',
+ 'simple-import-sort/imports': 'error',

Answer 2

eslint-plugin-simple-import-sort 的表单版本 6.0.0:

重命名：simple-import-sort/sort 现在称为 simple-import-sort/imports.
已添加：simple-import-sort/exports 排序（一些）导出。

{
  "rules": {
    "simple-import-sort/imports": "error",
    "simple-import-sort/exports": "error"
  }
}

找不到规则 'simple-import-sort/sort' 的定义 simple-import-sort/sort

Definition for rule 'simple-import-sort/sort' was not found simple-import-sort/sort

reactjs

eslint

typescript-eslint