fkm blog

software開発に関することを書いていきます

TypeScript + Firebase + npmでCannot find moduleと言われた話

結論から言うとしょーもない話だったんですが。

Firebaseのライブラリは <script> で読み込む方法は紹介されてるけど、 npm でインストールしてES6のimportで使う方法はあっさりとしか書いてなかったりする。

まずはインストール

$ npm install --save firebase

そして main.ts あたりでimport

import * as firebase from "firebase";

これで問題ないはずだが、VSCodeCannot find module firebase と赤線を引いてくる。

答えは tsconfig.json にあった。

/* Module Resolution Options */
// "moduleResolution": "node" ←コメントアウトされてる

次のようにコメントを外してあげると、エラーは出なくなった。JSONなのでエントリー前後のカンマに注意。

/* Module Resolution Options */
"moduleResolution": "node"