javascript - NextJS : How to correctly add firebase analytics to NextJS app

Question

我有一个 react/nextjs 应用程序，我有 firebase.js 如下:

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

const firebaseConfig = {
  apiKey: '...'
}
try {
  firebase.initializeApp(firebaseConfig)
  firebase.analytics()
} catch (err) {
  if (!/already exists/.test(err.message)) {
    console.error('Firebase initialization error', err.stack)
  }
}

export default firebase

我不断得到

Firebase initialization error ReferenceError: navigator is not defined

将分析添加到 firebase.js 文件后。将分析添加到应用程序的正确方法是什么？

Answer 1

import { getAnalytics, isSupported } from "firebase/analytics";

const analytics = isSupported().then(yes => yes ? getAnalytics(app) : null);