こんにちは、みるちゃ(@milcha_on)です!!
最近TypeScriptを触り始めたのですが、まだよく分かっておらず備忘録として記事にしようと思いました。VSCode上でライブラリをインポートしたところ、赤波線になってしまいました。
目次
ライブラリのインストール方法
通常npmでインストールする際に
npm install [ライブラリ名]
とすることが多いと思いますが、TypeScriptを導入している場合は、
npm install @types/[ライブラリ名]
とする必要があるようです。ただし、これが使用できるのはTypeScriptに対応したインストール方法をライブラリ側で用意している場合です。
ライブラリ側で対応していない場合
ライブラリ側でTypeScriptを利用したインストール方法を提供していない場合は、d.tsファイルを作成することで解決できます。
プロジェクトフォルダにmodules.d.tsなどのファイルを作成します。
declare module 'ライブラリ名';
その中に上記のようにして入力してあげるとVSCode上でもエラーは解消されます。ライブラリで@typesのインストール方法を提供されていない場合はd.tsファイルに追加していきます。