FirebaseのNo Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() エラーを解決したい。

Question

前提・実現したいこと

現在、Vue.js+Firebaseでwebアプリケーションを開発しています。

Firebaseの実装をし始めたときに以下のエラーが発生しました。

発生している問題・エラーメッセージ

Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app).

該当のソースコード

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'

if(!firebase.app.length) {
  const firebaseConfig = {
    apiKey: "AIzaSyDPtgGX2peTSXI2kv0T88iTuQlm8ps4IJY",
    authDomain: "slack-clone-app-95304.firebaseapp.com",
    databaseURL: "https://slack-clone-app-95304.firebaseio.com",
    projectId: "slack-clone-app-95304",
    storageBucket: "slack-clone-app-95304.appspot.com",
    messagingSenderId: "69617890975",
    appId: "1:69617890975:web:4460bcaab4e8312d4054aa",
    measurementId: "G-7LRQQ3WN86"
  };
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
}

const db = firebase.firestore()
export {
  firebase,
  db
}

試したこと

No Firebase App '[DEFAULT]' has been created の対応を参考にしたところ
このエラーが発生する原因は、firebaseの初期化がされていないこととありましたが
初期化はきちんとしているため何が原因なのか不明です。

補足情報（FW/ツールのバージョンなど）

Answer 1

他に人にDBに接続されてしまうので、公開しない方がいいですよ。。

Answer 2

よくよく見てみると初期化が正しくなされていませんでした。。

if(!firebase.app.length) {
  const firebaseConfig = {
    apiKey: "AIzaSyDPtgGX2peTSXI2kv0T88iTuQlm8ps4IJY",
    authDomain: "slack-clone-app-95304.firebaseapp.com",
    databaseURL: "https://slack-clone-app-95304.firebaseio.com",
    projectId: "slack-clone-app-95304",
    storageBucket: "slack-clone-app-95304.appspot.com",
    messagingSenderId: "69617890975",
    appId: "1:69617890975:web:4460bcaab4e8312d4054aa",
    measurementId: "G-7LRQQ3WN86"
  };
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
}

こちらのif(!firebase.app.length)を

if(!firebase.apps.length)に変更したところ、無事解決いたしました。