More than 3 years have passed since last update.

【Typescript】baseUrlでの絶対パスインポートが「import/no-unresolved」で怒られる場合の対応

Posted at 2020-12-12

Typescriptではtsconfig.jsonのbaseUrlを指定すれば絶対パスでインポートができる。
しかし、eslintのimport/no-unresolvedルールに怒られてしまったので、そのときの対応を記載する。

1. eslint-import-resolver-typescriptをインストールする

tsのインポート問題を解決してくれるライブラリらしい。

$ npm install -D eslint-import-resolver-typescript

settingsのimport/resolverに設定を追加する。
これだけで絶対パスでのインポートでも怒られないはず。

.eslintrc.js抜粋

  settings: {
    'import/resolver': {
      typescript: {},
    },
  },

resolverが見るtsconfigを指定できる。
以下はsrc/以下のtsconfigを指定する場合。

  settings: {
    'import/resolver': {
      typescript: { project: 'src/' },
    },
  },