NextJS中Firebase getAuth()调用报错问题求助

核心问题 #

你遇到的错误Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp()，根源是getAuth()调用未显式关联你初始化的Firebase App实例。尽管Firebase允许省略参数使用默认App，但在NextJS的跨环境（客户端/服务器端）执行场景中，默认App的上下文关联可能失效，导致Auth模块无法正确初始化。

修复代码 #

修改getAuth()的调用，传入已初始化的app实例：

// 替换原代码中的getAuth()调用
export const authentication = getAuth(app);

原因说明 #

• NextJS的渲染机制会让代码在服务器端和客户端分别执行，Firebase的默认App注册逻辑在这种跨环境场景下可能出现上下文不匹配，导致Auth模块无法找到已初始化的App
• 显式绑定App实例能确保Auth模块与你配置的Firebase项目强关联，彻底避免环境差异引发的初始化错误

额外检查建议 #

• 确认Firebase SDK依赖为最新版本，旧版本对NextJS的环境适配存在已知问题
• 若使用NextJS 13+ App Router，建议将Firebase初始化代码放在独立的工具文件中（如utils/firebase.js），并通过export const导出实例，避免重复初始化App

内容的提问来源于stack exchange，提问作者匿名