Expo开发React Native集成Firebase手机号认证遇两类报错求助

错误1：TypeError: Cannot read property 'apps' of undefined #

原因分析 #

• Firebase未完成初始化：你注释了firebase.initializeApp(firebaseConfig)代码，导致Firebase实例未创建，firebase.apps属性无法正常访问。
• 依赖版本不兼容：若使用Firebase v9+版本，默认采用模块化导入逻辑，旧的命名空间导入方式（import firebase from 'firebase/app'）需启用compat兼容模式，否则会导致firebase对象加载异常。

解决方案 #

1. 修正Firebase导入与初始化逻辑
   • 兼容旧写法（启用compat模式）：

     import firebase from 'firebase/compat/app';
     import 'firebase/compat/auth';
     import firebaseConfig from './firebaseConfig';
     
     // 取消注释初始化代码，确保Firebase正常启动
     if (!firebase.apps.length) {
       firebase.initializeApp(firebaseConfig);
     }
     

   • 采用Firebase v9+模块化写法（推荐）：

     import { initializeApp, getApps } from 'firebase/app';
     import { getAuth } from 'firebase/auth';
     import firebaseConfig from './firebaseConfig';
     
     // 避免重复初始化Firebase实例
     let app;
     if (!getApps().length) {
       app = initializeApp(firebaseConfig);
     } else {
       app = getApps()[0];
     }
     // 初始化Auth模块
     const auth = getAuth(app);
     

2. 确认依赖安装正确
   执行命令确保Firebase依赖已正确安装：

   npx expo install firebase
   

错误2：Invariant Violation: "main" has not been registered #

原因分析 #

该错误多由模块加载失败或Metro服务器运行异常导致：

• 第一个Firebase初始化错误引发连锁反应，导致App组件无法正常导出，进而未触发AppRegistry.registerComponent。
• Metro服务器未在项目根目录运行，或缓存存在脏数据。

解决方案 #

1. 优先修复Firebase初始化错误
   解决上述Firebase问题后，模块加载异常通常会自动修复。
2. 重置Metro服务器
   • 关闭当前运行的Metro终端窗口。
   • 进入项目根目录，执行命令清除缓存并重启：

     npx expo start -c
     

3. 验证组件路径与语法
   确认PhoneAuth组件文件存在于当前目录，路径./PhoneAuth无误，且组件内部无语法错误。

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