Як зробити шляхи вирішення програми eslint, відображені у jsconfig

У своєму проекті nextjs я склав карту, jsconfig.jsonщоб зробити легкий абсолютний імпорт

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["./*"]
    },
    "target": "es6",
    "module": "commonjs",
    "experimentalDecorators": true
  }
}

Мої шляхи імпорту виглядають приблизно так import { VIEW } from '@/src/shared/constants';

У моїх eslintrc.jsналаштуваннях вказано як

module.exports = {
    ... ,
    settings: {
        "import/resolver": {
          alias: {
            extensions: [".js"],
            map: ["@", "."]
          }
        }
      }
}

Я все ще отримую помилку, мовляв, не можу вирішити "@ / що / колись / мій / шлях / є"

Як змусити eslint усвідомити шлях jsconfig

Я використовував babel-eslint як мій аналізатор у eslintrc. Під час пошуку я зрозумів, що потрібно додати babel-plugin-module-resolverв babelrc для вирішення модулів. У цьому файлі ми можемо визначити наші зіставлені контури, які є в нашій jsconfig.

Отже, додавши наступний плагін у файл babelrc, мій код успішно склав.

[
    "module-resolver",
    {
        "alias": {
          "@": "./"
        }
    }
]

Згідно з документами для eslint-import-resolutionver-alias , mapвластивість має бути масивом масивів, тому спробуйте це:

module.exports = {
    ... ,
    settings: {
        "import/resolver": {
          alias: {
            extensions: [".js"],
            map: [ ["@", "."] ]
          }
        }
      }
}

Також двічі перевірте, що ви насправді eslint-import-resolver-aliasвстановили - це легко забути!