Nuxt 3中使用VueFire的useCurrentUser函数报错求助

你遇到的错误是因为未在Nuxt配置中启用VueFire的认证模块，useCurrentUser()属于VueFireAuth提供的功能，必须显式配置才能加载该模块。

解决方案 #

修改你的nuxt.config.ts，在vuefire配置项中添加auth: true，启用认证模块：

export default defineNuxtConfig({
  ssr: false, // 确保已禁用SSR
  modules: ['nuxt-vuefire'],

  vuefire: {
    config: {
      apiKey: '...',
      authDomain: '...',
      projectId: '...',
      appId: '...',
    },
    // 启用VueFireAuth模块
    auth: true,
  },
})

原因说明 #

nuxt-vuefire模块默认不会自动加载认证相关代码，必须通过auth: true显式开启。未启用该选项时，useCurrentUser()无法找到对应的VueFireAuth模块，从而抛出错误。启用后，模块会自动注册认证相关的插件与API，即可正常使用useCurrentUser()。

内容的提问来源于stack exchange，提问作者Pascal Pivaty