使用 eslint-config-airbnb 后出现 Missing file extension "tsx" for "./reducer" 错误

Question

I am using eslint and prettier code formatters for my project. After using airbnb I am getting errors like

• Missing file extension "tsx" for "./reducer"
• Missing file extension "tsx" for "./saga"

reducer has index.tsx and so does saga folder. I have tried import/extensions: [".js", ".jsx", ".tsx"] in my.eslintrc.yml file but still getting the error.

Answer 1

eslint-config-airbnb has this rule enabled:

    'import/extensions': ['error', 'ignorePackages', {
      js: 'never',
      mjs: 'never',
      jsx: 'never',
    }],

See here .

If want to turn it off, you could override it in your own eslint config file like so:

'import/extensions': 'off'

More information on how you could configure this specific rule can be found here