Как разрешить импорт / нет неразрешенных с настройкой Eslint в WebPack 4

Question

Я исследовал в течение нескольких часов. Я сам создал прототип и обнаружил, что веб-пакет работает над разрешающим псевдонимом, но eslint продолжал сообщать, что не может разрешить, ДАЖЕ после того, как я застрял в настройке, якобы решил эту проблему.

Кто-нибудь знает, почему добавление

"settings": {
        "import/resolver": {
            "alias": [
        [ "mycomponents", "./app/components" ]
      ]
        }
    }

в.eslintrc и добавить два связанных с ним пакета, это не поможет?

чтобы увидеть, что я сделал, проверьте ссылку на репо: https://github.com/KleoPetroff/react-webpack-boilerplate/compare/master...adamchenwei:master

Примечание: я мог бы просто скрыть ошибку eslint, но это всего лишь взломанный маршрут, который я бы предпочел не использовать, если есть правильная настройка.

Спасибо

Answer 1

Попробуйте добавить https://www.npmjs.com/package/eslint-import-resolver-alias в ваш проект:

npm i eslint-import-resolver-alias --save-dev

Затем обновите свой .eslintrc файл следующим образом:

"settings": {
    "import/resolver": {
        "alias": {
            map: [
                [ "mycomponents", "./app/components" ]
            ]
        }
    }
}