【React】Could not find a declaration file for moduleが出た時にすべきこと

ReactをTypescriptで使っているとパッケージをインストールしてimportした際にモジュールの宣言が見つかりませんといったエラーが出ることがあります。初心者の方は一度は躓くかと思うので、対処法をメモしておきます。

エラー例

インストールしたはずのパッケージをインポートした際に以下のような警告文が表示されます。

Could not find a declaration file for module 'react-tag-input'. '.../node_modules/react-tag-input/dist-modules/components/ReactTags.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/react-tag-input` if it exists or add a new declaration (.d.ts) file containing `declare module 'react-tag-input';`ts(7016)

原因

パッケージに対応した型定義が存在しないことが警告文の原因となっているようです。

対処法

エラー例では、Try npm i --save-dev @types/react-tag-inputとあるので、この通り実行してみてください。たいていはこれだけで解決できます。

npm i --save-dev @types/react-tag-input

まとめ

一番最初は「あれ？パッケージはインストールできているはずだし、インポート方法も間違ってないけどな」と疑問に思いました。Typescriptを使っているとよく出るエラーなので冷静に対処していきましょう。