Expo Dev环境React Native集成Firebase动态链接初始化报错求助

1. 先确认依赖安装 #

确保已安装Firebase核心包和Dynamic Links包，未安装的话执行：

npm install @react-native-firebase/app @react-native-firebase/dynamic-links
# 或用yarn
yarn add @react-native-firebase/app @react-native-firebase/dynamic-links

2. 正确初始化Firebase #

必须在调用任何Firebase功能前完成初始化，推荐在项目入口文件（如App.js）或单独的配置文件中操作：

方案一：直接在App.js初始化 #

import React, { useEffect } from 'react';
import { View, Text } from 'react-native';
import firebase from '@react-native-firebase/app';
import dynamicLinks from '@react-native-firebase/dynamic-links';

// 从Firebase控制台复制你的项目配置
const firebaseConfig = {
  apiKey: "你的API_KEY",
  authDomain: "你的AUTH_DOMAIN",
  projectId: "你的PROJECT_ID",
  storageBucket: "你的STORAGE_BUCKET",
  messagingSenderId: "你的MESSAGING_SENDER_ID",
  appId: "你的APP_ID"
};

// 避免重复初始化
if (!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig);
}

const App = () => {
  useEffect(() => {
    // 初始化完成后再调用getInitialLink
    const fetchInitialLink = async () => {
      try {
        const link = await dynamicLinks().getInitialLink();
        if (link) {
          console.log('获取到的初始链接:', link.url);
          // 这里写链接的业务逻辑处理
        }
      } catch (err) {
        console.error('获取链接失败:', err);
      }
    };

    fetchInitialLink();
  }, []);

  return (
    <View>
      <Text>Dynamic Links测试</Text>
    </View>
  );
};

export default App;

方案二：单独配置文件管理 #

创建firebase.config.js文件：

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

const firebaseConfig = {
  // 你的项目配置参数
};

if (!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig);
}

export default firebase;

之后在App.js开头导入即可：

import './firebase.config';
import dynamicLinks from '@react-native-firebase/dynamic-links';

// 后续正常使用dynamicLinks功能

3. 核对Expo配置 #

你已经配置了app.json，再确认是否包含平台对应的配置文件路径：

{
  "expo": {
    "android": {
      "googleServicesFile": "./google-services.json"
    },
    "ios": {
      "googleServicesFile": "./GoogleService-Info.plist"
    }
  }
}

确保这两个文件是从Firebase控制台下载的对应平台文件，且放在项目根目录。

4. 常见问题排查 #

• 不要在组件渲染阶段直接调用getInitialLink，必须放在useEffect（函数组件）或componentDidMount（类组件）中，保证Firebase初始化完成后再执行。
• 检查Firebase配置参数是否完全匹配控制台内容，避免复制时遗漏或多输入字符。
• 如果用Expo Dev Client，修改配置后需要重新构建客户端，否则新配置不会生效。

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