firebase v9 not work in dev mode (No Firebase App '[DEFAULT]') about framework HOT 3 CLOSED

This issue can be closed

@niklv This occurs because your plugin attempts to initialize firebase in server side, where as it should only occur in browser.

Your firebase plugin needs to be changed to a client-only plugin.

nuxt.config.ts

import { defineNuxtConfig } from "nuxt3";

export default defineNuxtConfig({
  publicRuntimeConfig: {
    firebaseConfig: {},
  },
});

plugins/firebase.client.ts: this is a working code snippet from my personal project

import { getApps, initializeApp } from "firebase/app";
import { getAuth, setPersistence, inMemoryPersistence } from "firebase/auth";

export default defineNuxtPlugin(() => {
  try {
    if (getApps().length === 0) {
      const { firebaseConfig } = useRuntimeConfig();
      if (firebaseConfig) initializeApp(firebaseConfig);
    }

    const auth = getAuth();
    if (auth) setPersistence(auth, inMemoryPersistence);
  } catch (e) {
    console.error(e);
  }
});

also, with firebase v9. I think it's very pointless to provide / inject anything from firebase

from framework.

@Diizzayy I what to use firebase-js-sdk in ssr to. So i what to initialize in server and client plugin. (And I named it firebase.ts especially).
Answer not covered issue that is initialize ok in production build and no initialized in development build.
@danielroe please reopen

from framework.

I'll convert this to a discussion 👍

from framework.