私は簡単なインポート並びeslintプラグインと反応しています。私の.eslintrc.js
が正しいと思いますが、この特定のプラグインの作業を行うことはできません。私のファイルの最初の行に次のエラーが発生します。
ルール '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',
},
};
Eslint-plugin-simple-import-sortのフォームバージョン6.0.0
{
"rules": {
"simple-import-sort/imports": "error",
"simple-import-sort/exports": "error"
}
}
_