Nuxt3+VueFire集成Firebase Auth报错：默认Firebase应用不存在

问题核心 #

你遇到的"The default Firebase app does not exist..."错误，本质是Firebase配置参数未被正确读取，导致VueFire无法自动完成应用初始化。

修复步骤 #

1. 修正环境变量前缀 #

Nuxt3默认使用NUXT_作为环境变量前缀，而非Vue2的VUE_APP_，你的配置中使用了错误前缀，导致参数无法加载：

• 修改.env文件中的变量前缀：

  NUXT_FIREBASE_API_KEY=你的API密钥
  NUXT_FIREBASE_AUTH_DOMAIN=你的认证域名
  NUXT_FIREBASE_DATABASE_URL=你的数据库URL
  NUXT_FIREBASE_PROJECT_ID=你的项目ID
  NUXT_FIREBASE_STORAGE_BUCKET=你的存储桶
  NUXT_FIREBASE_MESSAGING_SENDER_ID=你的消息发送ID
  NUXT_FIREBASE_APP_ID=你的应用ID
  NUXT_FIREBASE_MEASUREMENT_ID=你的统计ID
  

• 更新nuxt.config.ts中的变量引用：

  export default defineNuxtConfig({
      devtools: { enabled: true },
      modules: ["nuxt-vuefire"],  
      vuefire: {
          auth: {
              enabled: true
          },
          config: {
              apiKey: process.env.NUXT_FIREBASE_API_KEY,
              authDomain: process.env.NUXT_FIREBASE_AUTH_DOMAIN,
              databaseURL: process.env.NUXT_FIREBASE_DATABASE_URL,
              projectId: process.env.NUXT_FIREBASE_PROJECT_ID,
              storageBucket: process.env.NUXT_FIREBASE_STORAGE_BUCKET,
              messagingSenderId: process.env.NUXT_FIREBASE_MESSAGING_SENDER_ID,
              appId: process.env.NUXT_FIREBASE_APP_ID,
              measurementId: process.env.NUXT_FIREBASE_MEASUREMENT_ID,
          },    
      },
  })
  

2. 确认依赖安装完整 #

确保已安装所有必需依赖：

npm install nuxt-vuefire vuefire firebase

3. 重启开发服务器 #

修改环境变量和配置后，必须重启Nuxt开发服务器，确保新配置生效。

4. 排查额外问题（可选） #

如果上述步骤无效，可尝试手动初始化验证配置是否正确：
创建plugins/firebase.client.ts：

import { initializeApp } from 'firebase/app'
import { getAuth } from 'firebase/auth'

const config = {
    apiKey: process.env.NUXT_FIREBASE_API_KEY,
    authDomain: process.env.NUXT_FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.NUXT_FIREBASE_DATABASE_URL,
    projectId: process.env.NUXT_FIREBASE_PROJECT_ID,
    storageBucket: process.env.NUXT_FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.NUXT_FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.NUXT_FIREBASE_APP_ID,
    measurementId: process.env.NUXT_FIREBASE_MEASUREMENT_ID,
}

const app = initializeApp(config)
const auth = getAuth(app)

export default defineNuxtPlugin(() => {
    return {
        provide: { auth }
    }
})

若手动初始化成功，说明VueFire的自动初始化逻辑未触发，可检查模块是否正确注册。

内容的提问来源于stack exchange，提问作者Sreerag N Varier