Отсутствует расширение файла tsx для ошибки ./reducer после использования eslint-config-airbnb

Я использую для своего проекта программы форматирования кода eslint и prettier. После использования airbnb я получаю такие ошибки, как

  • Отсутствует расширение файла "tsx" для "./reducer"
  • Отсутствует расширение файла "tsx" для "./saga"

У reducer есть index.tsx, как и папка saga. Я пробовал import / extensions: [".js", ".jsx", ".tsx"] в моем файле .eslintrc.yml, но все равно получаю сообщение об ошибке.


person karan bhatia    schedule 13.04.2020    source источник


Ответы (1)


eslint-config-airbnb имеет это правило включено:

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

См. здесь.

Если вы хотите отключить его, вы можете переопределить его в своем собственном конфигурационном файле eslint следующим образом:

'import/extensions': 'off'

Дополнительную информацию о том, как настроить это конкретное правило, можно найти на здесь

person Jackyef    schedule 13.04.2020
comment
Спасибо за ваш ответ. Я попытался отключить импорт / расширения и отключить tsx, но ошибка все еще сохраняется Вот мой анализатор содержимого файла .eslintrc.yml Параметры: ecmaFeatures: jsx: true ecmaVersion: 2018 sourceType: модуль синтаксического анализа: плагины babel-eslint: - реагировать - более красивые настройки: import / parsers: @ typescript-eslint / parser: [.ts, .tsx] react: version: detect import / extensions: [error, always, {tsx: never, ts: never}] import / resolver: узел: пути: [src] расширения: [.js, .jsx, .tsx] правила: {...} - person karan bhatia; 13.04.2020
comment
Не могли бы вы добавить это к исходному вопросу с примененным форматированием? В любом случае import/extensions: off следует поместить под rules. - person Jackyef; 13.04.2020
comment
Большое спасибо, Джекиф. В большинстве случаев импорт / расширения находится в настройках, а не в правилах. Я тоже делал ту же ошибку. Ты спас мне день. Спасибо - person karan bhatia; 13.04.2020