NextとTypescriptでWebサイトを作っています。
Firebaseを導入しようと思い yarn add firebase
でFirebaseをインストールしNextに組み込もうとした際、下記のようなエラーが出てしまいました。
TypeError: Cannot read property 'apps' of undefined
lib/firebase.tsとしてFirebaseの設定ファイルを作っています。
import firebase from 'firebase/app'
import 'firebase/analytics'
import 'firebase/auth'
import 'firebase/firestore'
if (typeof window !== 'undefined' && firebase.apps.length === 0) {
const firebaseConfig = {
〜〜〜〜
}
firebase.initializeApp(firebaseConfig)
firebase.analytics()
}
試したこと
バージョン 7 以前は import * as firebase from 'firebase/app'
のようにして import する必要があるとのことなので(firebase)、@import firebase from 〜
の部分を変えたら以下のようにエラーが変わりました
TypeError: Cannot read property 'length' of undefined
どうかよろしくお願いします。