Expo React Native中Firebase Messaging获取Token报错求助

首先，你遇到的TypeError: firebase.default.messaging is not a function错误，核心原因是Web版Firebase SDK不适配Expo托管的React Native环境——Web版的firebase/messaging依赖浏览器的Push API，而React Native原生环境没有这个API，直接用web包自然会报错。下面是分步解决方案：

一、替换依赖并正确初始化 #

1. 卸载现有不适配的包：

npm uninstall firebase
# 或者用yarn
yarn remove firebase

2. 安装Expo官方适配的Firebase核心和消息模块：

npx expo install expo-firebase-core expo-firebase-messaging

3. 修改初始化代码：

// 导入Expo的Firebase模块，而非web版
import FirebaseCore from 'expo-firebase-core';
import FirebaseMessaging from 'expo-firebase-messaging';

// 初始化Firebase（你的firebaseConfig保持不变）
const Firebase = FirebaseCore.initializeApp(firebaseConfig);
export default Firebase;

二、正确获取FCM Token #

现在用expo-firebase-messaging的方法获取Token，记得先请求用户的通知权限：

import * as Notifications from 'expo-notifications';
import FirebaseMessaging from 'expo-firebase-messaging';

// 请求通知权限
const requestNotificationPermission = async () => {
  const { status } = await Notifications.requestPermissionsAsync();
  if (status !== 'granted') {
    alert('需要开启通知权限才能接收推送');
    return;
  }
};

// 获取FCM Token
const getFCMToken = async () => {
  try {
    // 先确保权限已获取
    await requestNotificationPermission();
    const token = await FirebaseMessaging.getToken();
    console.log('FCM Token:', token);
    return token;
  } catch (error) {
    console.error('获取Token失败:', error);
  }
};

三、后台监听通知的替代方案 #

对于Expo托管的React Native，更优的方案是结合Expo Notifications API和Firebase Cloud Functions：

• 用expo-notifications处理本地和远程通知的监听、展示，它天生适配Expo环境，不需要额外配置原生项目；
• Firebase Cloud Functions负责触发推送逻辑（比如数据库更新时发送通知），只需要把获取到的FCM Token存储到Firebase数据库/存储中，在Cloud Functions里调用FCM API发送即可。

另外，如果你不想依赖Firebase Messaging，也可以直接使用Expo Push Notifications服务：

• 它是Expo官方的推送服务，不需要配置FCM/APNs，只需要用Expo提供的API获取Expo Push Token，然后在后台调用Expo的推送API发送通知，对于纯Expo项目来说更轻量化。

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