如何将react-native-firebase添加到现有的react-native应用程序？
要将react-native-firebase添加到现有的react-native应用程序，可以按照以下步骤进行操作：
- 确保你已经在计算机上安装了Node.js和npm（Node Package Manager）。
- 打开终端或命令提示符，并导航到你的现有react-native应用程序的根目录。
- 运行以下命令来安装react-native-firebase：
- 运行以下命令来安装react-native-firebase：
- 运行以下命令来链接react-native-firebase到你的应用程序：
- 运行以下命令来链接react-native-firebase到你的应用程序：
- 这将自动将必要的文件和配置添加到你的项目中。
- 在Firebase控制台上创建一个新的项目，并获取到项目的配置信息，包括API密钥和其他凭据。
- 在你的react-native应用程序中，创建一个名为
firebase.js的文件，并将以下代码添加到文件中： - 在你的react-native应用程序中，创建一个名为
firebase.js的文件，并将以下代码添加到文件中： - 将你在步骤5中获取到的Firebase项目配置信息填入
firebaseConfig对象中。 - 现在，你可以在你的react-native应用程序的任何地方使用
import firebase from './path/to/firebase.js'来引入firebase模块，并开始使用Firebase的各种功能，如实时数据库、身份验证、云存储等。
请注意，以上步骤仅适用于将react-native-firebase添加到现有的react-native应用程序中。如果你还没有创建react-native应用程序，请先按照相关文档创建一个新的react-native项目，然后按照上述步骤进行操作。
推荐的腾讯云相关产品：腾讯云移动推送（https://cloud.tencent.com/product/tpns）
相关·内容
当我尝试执行以下代码时，我的react-native应用程序出现错误
react-native run-android --variant=release
Starting a Gradle Daemon (subsequent builds will be faster)
> Configure project :react-native-firebase
react-native-firebase: using React Native prebuilt binary from /Users/sanglee/Documents/react-native-firebase-start
浏览 0提问于2019-10-15得票数 4
回答已采纳
1回答
尝试与世博一起实现防火墙反应
、、、、
我正在尝试在我的expo应用程序中使用@react-native-firebase/app和@react-native-firebase/auth，我已经创建了我的所有应用程序，现在我将使用firebase启动实现，尽管当我尝试使用auth时，它一直返回给我这个错误：
Error: Requiring module "node_modules/@react-native-firebase/auth/lib/index.js", which threw an exception: Invariant Violation: Native module cannot be null.
浏览 1提问于2022-01-29得票数 1
我创建了一个新的应用程序，我正在尝试使用react-native-firebase。但是我不断地收到这样的错误：
RNFirebase核心模块不是在iOS上本地找到的，请确保您在项目'Podfile‘中正确地包含了Podfile，并运行了’Podfile‘。
有关ios设置指南，请参见。
我所采取的步骤：
yarn add react-native-firebase
react-native link react-native-firebase
在./myproject/ios/myproject下设置我的.plist文件
在确保使用Ruby2.5.0之后运行p
浏览 0提问于2018-03-22得票数 20
我从由转化酶提供的初学者工具包中安装了RNF。我正在使用RNF应用，数据库，分析，auth。一切都很顺利，直到我需要这个模块。它在应用程序启动时抛出一个错误(在Android上，还没有尝试过iOS)：
...\node_modules\react-native\Libraries\Core\ExceptionsManager.js:86
You've attempted to require '@react-native-firebase/auth' version '6.0.3', however,
the '@react-nati
浏览 1提问于2019-10-26得票数 3
回答已采纳
我试图让react-native-firebase v6在我的应用程序中工作。我使用ReactiveNative0.59.10。
我已经按照react-native-firebase v6安装了。它没有指定如何将服务MyFirebaseMessagingService添加到AndroidManifest.xml中，不像在v5中那样，所以我没有这样做。之后，应用程序在前台没有收到任何通知，而是在后台收到通知。
我试图将MyFirebaseMessagingService添加到AndroidManifest.xml中，如下所示：
<service
android:name="
浏览 0提问于2019-10-24得票数 1
回答已采纳
1回答
如何从我的项目中完全删除防火墙，尽管我已经尝试了所有我可以找到的命令，但在所有尝试之后，它再次出现在podfile.lock中，仍然出现在项目中。
react-native unlink react-native-firebase
npm unlink react-native-firebase
react-native unlink react-native-firebase
react-native uninstall react-native-firebase
浏览 2提问于2020-10-09得票数 0
我在安卓设备上的RN应用程序有问题(还没有在iOS上测试)，一旦我在设备上启动调试，它就会卡在一个黑屏幕上。
我不知道代码的哪一部分或者是什么设置导致了这一点，这就是我没有在这里显示任何编码的原因。只是想看看你们以前是否有过同样的问题。
以下是我尝试过的：
gradlew clean
react-native start --reset-cache
cleaned app data and cache in the device
uninstalled the app from the device
以下是我在我的应用程序上安装和使用的软件包：
{
"name":
浏览 21提问于2022-05-25得票数 2
回答已采纳
我有以下依赖项：
"react-native": "0.62.2",
"@react-native-firebase/app": "^7.0.1",
"@react-native-firebase/firestore": "^7.0.1",
在我的项目中，我从这个url：对我现有的项目做了rnfirebase结构。
我添加了以下内容：
buildscript {
dependencies {
// ... other dependencies
classpath 'com
浏览 19提问于2020-05-14得票数 1
错误！您已经尝试过要求@react-native-firebase/auth版本'6.2.0'，但是，@react-native-firebase/app模块是一个不同的版本(6.3.4)。
每当我启动应用程序时，我都会收到这个错误。我尝试重新安装所有模块，删除和重新安装，安装所有本机防火墙模块到6.3.4版本，到版本6.2.0，但仍然没有。我不能使用firebase包，因为我实现了不同的firebase。你知道我该怎么做吗？
Package.json：
"name": "Vanto",
"version": "0
浏览 1提问于2020-02-25得票数 0
回答已采纳
在xcode中遇到错误后，我更新了我的react本机项目。
android系统没有问题。
错误：
我的新package.json
"@react-native-firebase/admob": "^7.6.10",
"@react-native-firebase/analytics": "^7.6.9",
"@react-native-firebase/app": "^8.4.7",
"@react-native-firebase/auth": "^9.3.2"
浏览 3提问于2020-10-31得票数 6
回答已采纳
我尝试使用jest运行测试，但它因错误而中断： Invariant Violation: Native module cannot be null.
at invariant (node_modules/invariant/invariant.js:40:15)
at RNFBNativeEventEmitter.NativeEventEmitter (node_modules/react-native/Libraries/EventEmitter/NativeEventEmitter.js:36:7)
at new RNFBNativeEventEmi
浏览 13提问于2020-01-14得票数 3
有任何方法可以打开应用程序到特定的页面后，点击通知使用反应-本机-防火墙/消息传递(FCM)？
我没有从那里找到任何信息。
@react本机-firebase版本：
"@react-native-firebase/app": "^15.3.0",
"@react-native-firebase/messaging": "^15.3.0",
代码只限于：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @
浏览 11提问于2022-08-26得票数 2
我正在开发React native App，它工作得很好。但是当我导入firebase crashlytics时，它在启动屏幕上卡住了，如果我再次删除它，应用程序工作正常吗？
由于我是新的反应，我不能得到这个问题的根本原因？
我正在尝试在index.js中导入crashlytics，如下所示
//import '@react-native-firebase/crashlytics'
or
//import {crashlytics} from '@react-native-firebase/crashlytics';
or
浏览 1提问于2020-09-02得票数 0
在react-native 中，符号链接支持仍未正式提供。
实际上可以通过npm (而不是纱线)在package.json中使用符号链接。
{
"name": "PROJECT",
"version": "0.1.0",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test"
浏览 0提问于2019-05-02得票数 1
这是我第一次使用react本机开发Android应用程序。当我从firestore检索一些数据时，我尝试使用异步/等待，但是当我添加单词等待应用程序崩溃时，它就不会再启动了。我使用react-native-firebase库，正如您在package.json文件中看到的那样。--这是我组件中无法工作的部分：
componentDidMount() {
this.getAccountFromFirestore(this.props.user);
}
getAccountFromFirestore = async user => {
const accounts = await f
浏览 4提问于2018-12-06得票数 1
3回答
我正在尝试在我的应用程序中实现推送通知。我使用了react-native-firebase/app和@react-native-firebase/messaging库作为推送通知。我已经跟踪完整的文档，并尝试执行推送通知。但是我已经显示了这个错误，获取推送令牌错误:消息传递/未知java.io.IOException: java.util.concurrent.ExecutionException: java.io.IOException: FIS_AUTH_ERROR。
代码：
import React, {Fragment, useEffect} from 'react';
浏览 4提问于2021-06-19得票数 1
我安装了@react-native-firebase的v6，它按预期工作，但当我尝试运行单元测试时，我得到了以下错误：
Jest encountered an unexpected token
Details:
/node_modules/@react-native-firebase/database/lib/index.js:18
import { isBoolean, isNumber, isString } from '@react-native-firebase/app/lib/common';
^
SyntaxError: Unexpected t
浏览 1提问于2020-03-06得票数 4
在我们的React应用程序上使用@react-native-firebase/dynamic-links包存在问题。
如果在后台打开应用程序，动态链接就不能正常工作。如果应用程序是在后台打开的，并且在浏览器中键入动态链接，则应用程序将被打开，但链接是错误的：https://play.google.com/store/apps/details?id=com.myapp。
但是，如果应用程序没有在后台打开，动态链接将按预期工作，而应用程序获得的链接是：https://myapp.page.link/page?page=place&pageId=1001105。
这在Android应用程序上
浏览 2提问于2020-01-13得票数 1
回答已采纳
used library versions
==================
"@react-native-firebase/app"："8.4.6"，"@react-native-firebase/messaging"："8.0.0"，"react"："16.8.3"，"react-native"："0.63.3"，
浏览 6提问于2021-03-24得票数 0
当我试图为生产构建时，就会出现这个错误。我在使用。这个错误发生在android上。
这是错误
* What went wrong:
Execution failed for task ':react-native-firebase_app:generateReleaseRFile'.
> Could not resolve all files for configuration ':react-native-firebase_app:releaseCompileClasspath'.
> Failed to transform react-na
浏览 20提问于2022-11-12得票数 1
我有问题的反应本地火力基地电话。当我运行这个函数时，应用程序会重定向到reCaptcha，但是屏幕仍然是黑色的，reCaptcha也不会出现。起初它运转良好，但当我更换项目主管时，它就坏了。最奇怪的是，没有错误，应用程序只是冻结和/或崩溃后，冻结了一段时间。
我重新安装了node_modules。另外，我生成了一个新的sha1代码，并尝试在另一台计算机上运行它，以确定是否是sha1造成的。我尝试创建一个全新的反应-本地项目，但仍然没有改变。
套餐：
"@react-native-firebase/app": "^10.0.0", // also trie
浏览 4提问于2020-11-22得票数 2
回答已采纳
当我试图在我的Mac M1上用android和ios构建我的本机应用程序时，当我在error.....it上构建时，就不会出现这个error.....it：
Package firebase-functions has been ignored because it contains invalid configuration. Reason: Package subpath './package.json' is not defined by "exports" in /Users/..../node_modules/firebase-functions/pa
浏览 5提问于2022-04-25得票数 2
安装后，本机防火墙核心应用程序和mlkit。mlkit不工作，当我尝试使用函数textRecognizerProcessImage时会失败。
我跟着：，另外，对于ios，我做了一个downloaded安装，并看到了mlkit是如何下载的。然而，上述错误发生在android和ios上。有人有线索吗？
编辑:我还可以使用google-services.json和googleservice-info.plist访问firebase项目。
相关的部分来自我的package.json。我正在为所有人使用最新版本。(正如您所看到的，我也在使用/auth和/database，它们都工作得很好！
"d
浏览 2提问于2019-09-27得票数 0
回答已采纳
我使用@react-native-firebase/admob来显示add on应用程序。它在Android系统中运行良好，但当我在ios上使用它时，应用程序就会崩溃，出现以下错误。
ld: warning: directory not found for option '-L/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/swift-5.0/iphonesimulator'
Undefined symbols for architecture x86_
浏览 24提问于2020-09-18得票数 0
我刚刚安装并链接了firebase到我的react本机项目，下面是在“react原生运行-android”中发生的问题，
这是我的settings.gradle文件：
rootProject.name = 'bASICS'
include ':react-native-firebase'
project(':react-native-firebase').projectDir = new File(rootProject.projectDir, '..\node_modules\react-native-firebase\android&
浏览 0提问于2019-03-12得票数 1
正在尝试将RN与Firebase集成。显然，我得到了下一个错误： Cannot find a version of 'com.squareup.okhttp3:okhttp' that satisfies the version constraints:
Dependency path 'getnow:react-native-firebase:unspecified' --> 'com.facebook.react:react-native:0.57.7' --> 'com.squareup.okhttp3:okh
浏览 63提问于2019-04-29得票数 2
我正在使用expo项目创建ios应用程序，当我创建ios构建时，我得到了以下两个错误。我被这些错误困扰了很长时间。我无法解决这些错误。
❌ (node_modules/react-native-firebase/ios/RNFirebase/config/RNFirebaseRemoteConfig.m:52:86)
50 |
51 | RCT_EXPORT_METHOD(enableDeveloperMode) {
> 52 | FIRRemoteConfigSettings *remoteConfigSettings = [[FIRRemoteConfigSet
浏览 12提问于2022-11-29得票数 0
在IOS上无法发送推送通知。这在android上有效，但在ios上不起作用。我生成了一个原生IOS应用程序，并检查了firebase和APN的入网情况。本机应用程序正常工作。我在配置上没有任何问题。但是React-Native不起作用。
我的pod文件
pod 'RNFBApp', :path => '../node_modules/@react-native-firebase/app'
pod 'RNFBAnalytics', :path => '../node_modules/@react-native-fi
浏览 0提问于2020-09-07得票数 0
1回答
在将targetSdkVersion从30升级到31之后，我的facebook身份验证应用程序就崩溃了，没有任何明显的错误。
对于exapmle来说，google auth使用firebase是非常完美的。这个问题只出现在使用Facebook auth。
ext {
buildToolsVersion = "30.0.2"
minSdkVersion = 21
compileSdkVersion = 31
targetSdkVersion = 31
ndkVersion = "20.1.5948944"
fitne
浏览 26提问于2022-11-23得票数 0
我将firebase推送通知添加到我的app.js文件中，如下所示： import messaging from '@react-native-firebase/messaging';
async function registerAppWithFCM() {
await messaging().registerDeviceForRemoteMessages();
}
//inside app function:
const unsubscribe = messaging().onMessage(async remoteMessage => {
consol
浏览 11提问于2020-07-07得票数 0
我已经在react本地应用程序中实现了crashlytics，如果我只分别导入android或iOS文件夹，该应用程序运行良好，但是当我在.js文件中导入crashlytics库时，iOS应用程序被卡在了启动屏幕上。
请提出解决这一问题的方法或根本原因。
在js文件中导入下面的库后，应用程序被卡住了，否则应用程序运行良好
import crashlytics from '@react-native-firebase/crashlytics';
错误日志
package.json如下所示
{
"name": "abc",
"v
浏览 4提问于2020-09-05得票数 3
回答已采纳
我正在尝试使用jest测试我的react本地应用程序的组件，并对其进行测试。
然而，function本机-火基总是返回"TypeError:超级表达式必须是null或一个函数中的function本机“。即使我用他们嘲笑的方法。
我花了很多时间想办法解决这个问题，并且尝试另一种我目前困在其中的方法，我不知道如何解决这个问题。
错误详细信息
● Test suite failed to run
TypeError: Super expression must either be null or a function
(node_modules/@babel/runtime/helpers
浏览 2提问于2021-08-18得票数 1
我在一个干净的应用程序中测试了这个包，它工作得很好，但是当我尝试将pushwoosh-react-native-plugin添加到一个现有的应用程序时，它会在开始时关闭，并且不会在Firebase崩溃报告中触发错误。
我怀疑这可能与react-native-google-analytics-bridge或react-native-firebase包有冲突，但什么也做不了。
该应用程序在安卓和iPhone模拟器中崩溃。
这是my packages.json文件的内容：
{
"name": "Myapp",
"version"
浏览 1提问于2017-11-24得票数 1
回答已采纳
2回答
火基破碎机吊装- RN
、、、
我有一个RN项目，我喜欢把它连接到ErrorBoundry到crashalytics
export default class ErrorBoundry extends React.Component<any, IState> {
state = { hasError: false }
static getDerivedStateFromError(error) {
console.log('crash', { error })
crashlytics().log(JSON.stringify({ error }))
浏览 21提问于2021-06-03得票数 2
回答已采纳
我尝试在cmd中使用"npm install @react-native-firebase/messaging“，但在安装时出现问题。 解析时: mealy@0.0.1找到: react@17.0.2 node_modules/ react @"17.0.2“来自根项目对等节点react@"*”from @react-native-firebase/app@11.5.0 node_modules/@react-native-firebase/app @react-native-firebase/app@"^11.3.3“来自根项目 无法解析依赖关系:同级rea
浏览 68提问于2021-06-23得票数 0
1回答
在Xcode中，我在归档过程中得到以下错误
Showing All Messages
: Directory not found for option '-L/Users/<user>/Library/Developer/Xcode/DerivedData/Mobile-ffdrrqgiyphlinerkjxrqqqeocrs/Build/Intermediates.noindex/ArchiveIntermediates/Mobile/BuildProductsPath/Release-iphoneos/React'
ld: library not found
浏览 0提问于2020-06-13得票数 0
回答已采纳
我正在尝试成功运行react本机安装附带的boiler -test.js测试。我已经看到这个测试在其他项目中“开箱即用”，然而，由于我们与Firebase SDK的集成，我的测试失败了。我们的长期目标是构建一个测试套件，模拟对我们的firebase SDK的调用(我想探索以下解决方案：https://medium.com/stories-from-upstatement/jest-mocks-roasting-on-an-open-firestore-36fa55b76953、How do you mock Firebase Firestore methods using Jest? )，但
浏览 11提问于2020-04-05得票数 7
1回答
我已经重置了地铁，但同样的问题也在发生。我该如何解决这个问题？当我更改端口时，同样的问题也会发生。当我重建这个项目时，我也面临着同样的问题。 ? {
"name": "meal",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-nativ
浏览 15提问于2021-08-01得票数 0
我目前正在尝试用编写一个应用程序
在这个应用程序中，我想使用Google Maps和Firebase，所以我添加了npm包react-native-maps和react-native-firebase。
我已经使用所提供的文档设置了这些包。
现在，当我想编译时，我得到了以下错误：
Failed to capture snapshot of input files for task ':react-native-maps:compileDebugAidl' property 'importDirs' during up-to-date check.
> Th
浏览 0提问于2018-10-08得票数 0
回答已采纳
2回答
该服务当前不可用。
、、、
[错误:防火墙/不可用服务当前不可用。这是一种很可能是暂时的情况，可以通过后退重新尝试来纠正。]
昨天，我遇到了同一个代码的突然错误，这个错误发生在我试图使用这些版本从消防站获取数据的时候。
"@react-native-firebase/app": "^14.7.0",
"@react-native-firebase/auth": "^14.7.0",
"@react-native-firebase/database": "^14.7.0",
"@rea
浏览 4提问于2022-08-17得票数 0
我正在使用Firebase Crashlytics在我的react原生应用程序中记录崩溃错误，我希望将Crashlytics中的所有这些错误记录到我自己的服务器中。如果在react-native中有任何方法来处理这个问题，任何帮助都将不胜感激。
Environment:
"react": "16.8.3",
"react-native": "0.59.4",
"react-native-firebase": "^4.2.0",
浏览 22提问于2020-05-25得票数 3
我关注这个android setup doc of cloud messaging ? 我对在MainActivity类中添加以下代码的位置感到困惑 protected List<ReactPackage> getPackages() {
return Arrays.asList(
new MainReactPackage(),
new ReactNativeFirebaseMessagingPackage(),
} 目前我的MainActivity类是:- ? 请帮我设置@react-native-firebase/messaging的Andro
浏览 18提问于2020-10-24得票数 0
我正在尝试将安装到我现有的iOS React本地应用程序中。我的应用程序已经使用了各种Firebase包(app、auth、firestore等)。
我正在按照导游的指示行事。我试过自动安装和手动安装。但是当我运行pod install时，我得到了以下错误：
[!] CocoaPods could not find compatible versions for pod "Firebase/CoreOnly":
In Podfile:
Firebase/MLVisionTextModel was resolved to 5.0.0, which depends on
浏览 39提问于2022-02-02得票数 0
回答已采纳
react-native-firebase/app << set complete and call OK
import Firebase from "@react-native-firebase/app"
import Database from "@react-native/firebase/database <<<error start,,,,
Database().ref("users/"+ "userId").set({
hopoint:5,
userPo
浏览 1提问于2021-04-29得票数 0
1回答
我设置了react-native firebase消息，用于IOS上的推送通知。在DEV环境下工作正常，但在rl环境下无法推送，对于错误检查，有如下所示的消息，据我所知，它没有生成DEV和PRO的证书推送令牌
react native version: 0.63.4
"@react-native-firebase/analytics": "^10.8.1",
"@react-native-firebase/app": "^10.8.1",
"@react-native-firebase/messaging": &#
浏览 2提问于2021-03-02得票数 0
我将Jest与React Native一起使用，当我试图运行一个测试时，我遇到了“TypeError: Cannot read property Jest of undefined”错误。我不确定为什么我会得到这个。我是Jest的新手，我不确定它的设置是否正确。任何帮助都是非常感谢的。 // package.json
{
"name": "App",
"version": "2.3.31",
"private": true,
"scripts": {
"and
浏览 169提问于2021-04-03得票数 1
4回答
尝试在我的android设备上运行排毒，遇到以下错误： > Configure project :react-native-firebase
react-native-firebase: using React Native prebuilt binary from /Users/m/Desktop/alohapass-business/node_modules/react-native/android
FAILURE: Build failed with an exception.
* What went wrong:
Could not determine the depend
浏览 23提问于2019-12-26得票数 4
1回答
我有一个移动应用与Reactinative并且工作没有任何问题。我想给那个应用程序添加通知功能。
我安装了firebase/app、firebase/messaging和@notifiee来发送通知。在安装了这些软件包之后，我可以在android模拟器上构建我的应用程序，但是在控制台上我得到了如下错误：
ERROR Error: Notifee native module not found.
LOG Running "myMobileApp" with {"rootTag":1}
ERROR Invariant Violation: &#
浏览 16提问于2022-06-11得票数 0
推送通知在Android上运行，但iOS不起作用。我在设备上进行了测试，并通过测试飞行，因为模拟器是不支持的
我已经完成了iOS所需的附加设置。
下面是我的package.json文件中的相关信息
Package.json
"name": "####",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
浏览 6提问于2021-08-27得票数 1
回答已采纳
1回答
我已经开发了一个运行于IOS和Android的简单工作流应用程序。现在，我想在网上运行这个应用程序。
当我尝试使用“纱运行网络”运行时，我会得到以“模块未找到:无法解决”开头的错误
Module not found: Can't resolve '../../assets/Icon/Home/switchViewIcon.png'
58 | >
59 | <Image
> 60 | source={require('../../assets/Icon/Home/sw
浏览 11提问于2022-07-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
