Как изменить настройки eslint, чтобы понять абсолютный импорт?

Question

Я использую приложение create-реакции-приложение и хочу использовать абсолютный импорт из ./src.

Как рекомендовал Дан Абрамов Я добавил .env с NODE_PATH=src и все работает.

Но мой эслинт не понимает, что модуль уже существует. Я получаю ошибку import/no-unresolved и import/extensions

Это мой eslint-config:

module.exports = {
parser: 'babel-eslint',
extends: 'airbnb',
rules: {
    'react/no-did-mount-set-state': 'off',
    'import/no-extraneous-dependencies': 'off',
    'no-use-before-define': 'off',
    'arrow-body-style': 'off',
    // uncommit on developing
    'no-console': 'off',
    'no-debugger': 'off',
  },
  globals: {
    browser: true,
    fetch: true,
    serviceworker: true,
    describe: true,
    it: true,
    expect: true,
    document: true,
  },

* * 1016};

И, конечно, будет хорошо, если vscode предложит мне 'src'.

Answer 1

Вам нужно использовать eslint-plugin-import: https://github.com/benmosher/eslint-plugin-import

И настройте параметры eslint в .eslintrc

module.exports = {
  ...   
  "settings": {
    "import/resolver": {
      "node": {
        "paths": ["src"]
      }
    },
  },
}

Затем вы можете использовать импорт из папки src.

Например, если у вас есть src/components/MyComponent.jsx, вы напишите это:

import MyComponent from 'components/MyComponent.jsx';

Answer 2

Вы расширяете конфигурацию eslint для airbnb, которая включает eslint-plugin-import, для которой по умолчанию включено следующее правило: no-absolute-path.

См: https://github.com/benmosher/eslint-plugin-import/blob/HEAD/docs/rules/no-absolute-path.md

Вам может понадобиться настроить больше правил, кроме этого.