Ошибка Eslint, когда я использую псевдоним babel на nextjs - PullRequest
0 голосов
/ 28 ноября 2018

Я добавил плагин module-resolver к .babelrc , чтобы иметь возможность использовать псевдонимы в моем проекте nextjs.

"plugins": [
    [
        "module-resolver",
        {
             "root": [
             "./"
             ],
             "alias": {
                "components": "./app/components",
                "pages": "./app/pages",
                "themes": "./app/themes"
             }
        }
    ]
]

Все работает хорошо, но с тех пор, как я добавил эту конфигурацию, моя конфигурация eslint генерирует ошибки импорта / отсутствия ошибок.

[eslint] Невозможно разрешить путь к компонентам модуля./ HOC.[import / no-unresolved]

Чтобы исправить это, я попытался обновить мои .eslintrc.json настройки, например:

"settings": {
    "import/resolver": {
      "components": "./app/components",
      "pages": "./app/pages",
      "themes": "./app/themes"
    }  
},

Однако,эта новая конфигурация не имеет никакого эффекта.Я хочу, чтобы решить эту проблему правильно, у вас есть идея, чтобы правильно решить эту проблему?

Спасибо!

1 Ответ

0 голосов
/ 04 апреля 2019

Добавьте эту настройку в ссылку jsconfig.json (tsconfig.json для TypeScript): https://github.com/tleunen/babel-plugin-module-resolver#editors-autocompletion

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "components": ["./app/components"],
      "pages": ["./app/pages"],
      "themes": ["./app/themes"]
    }
  }
}
...