React Native中Firebase Messaging组件缺失及通知权限拒绝问题求助

问题描述 #

• 通知权限被拒绝
• 抛出异常：

[Error: Exception in HostObject::get(propName:RNFBMessagingModule):
java.lang.NullPointerException: Firebase Messaging component is not present]

• 使用依赖包：@react-native-firebase/messaging

排查与解决步骤 #

1. 确认Firebase Messaging模块集成正确性 #

• 检查Android项目settings.gradle，确保添加Messaging模块依赖：

include ':react-native-firebase-messaging'
project(':react-native-firebase-messaging').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-firebase/messaging/android')

• 检查app/build.gradle中引入模块：

implementation project(':react-native-firebase-messaging')

• 确认MainApplication.java中注册MessagingPackage：

import com.google.firebase.messaging.ReactNativeFirebaseMessagingPackage;

// ...

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.asList(
    new MainReactPackage(),
    new ReactNativeFirebaseMessagingPackage() // 必须存在这一行
  );
}

2. 清理缓存并重新构建 #

• 执行命令清理Android构建缓存：

cd android && ./gradlew clean

• 回到项目根目录重新运行项目：

npx react-native run-android

3. 修复通知权限问题 #

• 在代码中正确申请通知权限：

import messaging from '@react-native-firebase/messaging';

async function requestNotificationPermission() {
  const authStatus = await messaging().requestPermission();
  const enabled =
    authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
    authStatus === messaging.AuthorizationStatus.PROVISIONAL;

  if (!enabled) {
    // 引导用户前往系统设置开启权限
    messaging().openSettings();
  }
}

• 检查AndroidManifest.xml是否添加必要权限：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
<uses-permission android:name="com.google.android.c2dm.permission.RECEIVE" />

4. 验证Firebase配置完整性 #

• 确认google-services.json已放置在Android项目app目录下
• 检查项目级build.gradle添加Google服务插件：

buildscript {
  dependencies {
    classpath 'com.google.gms:google-services:4.3.15' // 确保版本兼容
  }
}

• 检查app级build.gradle末尾应用插件：

apply plugin: 'com.google.gms.google-services'

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