React-native-firebase: [android] No Firebase app '[DEFAULT]' has been created - call firebase.initializeApp(), js engine: hermes

[FrancisLeigh]

most setup issues such as default app has not been initialized etc are all down to an incorrect setup as the guides haven't been correctly followed.
^ I am pretty certain i've gone through the correct setup.

Issue

During my upgrade migration to RN 0.61.2 from 0.59.10 i had to upgrade a few dependancies - RNFB being one of them.

IOS is building fine.

Android builds fine but then i am greeted with an error.

I have one file that calls/uses firebase.

Analytics.js

import analytics from "@react-native-firebase/analytics";
const FirebaseAnalytics = analytics();

const FirebaseAnalytics = analytics(); is what triggers my error.

android/settings.gradle

include ':@react-native-firebase_messaging'
project(':@react-native-firebase_messaging').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-firebase/messaging/android')
include ':@react-native-firebase_in-app-messaging'
project(':@react-native-firebase_in-app-messaging').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-firebase/in-app-messaging/android')
include ':@react-native-firebase_analytics'
project(':@react-native-firebase_analytics').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-firebase/analytics/android')
include ':@react-native-firebase_app'
project(':@react-native-firebase_app').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-firebase/app/android')

include ':app'

android/app/build.gradle

...
dependencies {
    implementation project(':@react-native-firebase_messaging')
    implementation project(':@react-native-firebase_in-app-messaging')
    implementation project(':@react-native-firebase_analytics')
    implementation project(':@react-native-firebase_app')
    ...
}
...

I tried adding

implementation "com.google.firebase:firebase-analytics:17.2.0"
implementation "com.google.firebase:firebase-messaging:20.0.0"
implementation "com.google.firebase:firebase-inappmessaging:19.0.1"

to the dependancies Object but no-dice.

Project Files

android/build.gradle

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    repositories {
        google()
        jcenter()
        maven {
            url 'https://maven.google.com/'
            name 'Google'
        }
    }
    dependencies {
        classpath("com.android.tools.build:gradle:3.4.0")
        classpath("com.google.gms:google-services:3.2.1")

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }

    subprojects { subproject ->
        afterEvaluate{
            if((subproject.plugins.hasPlugin('android') || subproject.plugins.hasPlugin('android-library'))) {
                android {
                    compileSdkVersion rootProject.ext.compileSdkVersion
                    buildToolsVersion rootProject.ext.buildToolsVersion
                }
            }
        }
    }
}

allprojects {
    repositories {
        mavenLocal()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
        maven { url "https://appboy.github.io/appboy-android-sdk/sdk" }
        maven {
            url 'https://maven.google.com/'
            name 'Google'
        }
        google()
        jcenter()
    }
}

ext {
    buildToolsVersion = "28.0.3"
    minSdkVersion = 16
    compileSdkVersion = 28
    targetSdkVersion = 28
    supportLibVersion = "28.0.0"
}

android/app/build.gradle

apply plugin: "com.android.application"

import com.android.build.OutputFile

/**
 * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
 * and bundleReleaseJsAndAssets).
 * These basically call `react-native bundle` with the correct arguments during the Android build
 * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
 * bundle directly from the development server. Below you can see all the possible configurations
 * and their defaults. If you decide to add a configuration block, make sure to add it before the
 * `apply from: "../../node_modules/react-native/react.gradle"` line.
 *
 * project.ext.react = [
 *   // the name of the generated asset file containing your JS bundle
 *   bundleAssetName: "index.android.bundle",
 *
 *   // the entry file for bundle generation
 *   entryFile: "index.android.js",
 *
 *   // https://facebook.github.io/react-native/docs/performance#enable-the-ram-format
 *   bundleCommand: "ram-bundle",
 *
 *   // whether to bundle JS and assets in debug mode
 *   bundleInDebug: false,
 *
 *   // whether to bundle JS and assets in release mode
 *   bundleInRelease: true,
 *
 *   // whether to bundle JS and assets in another build variant (if configured).
 *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
 *   // The configuration property can be in the following formats
 *   //         'bundleIn${productFlavor}${buildType}'
 *   //         'bundleIn${buildType}'
 *   // bundleInFreeDebug: true,
 *   // bundleInPaidRelease: true,
 *   // bundleInBeta: true,
 *
 *   // whether to disable dev mode in custom build variants (by default only disabled in release)
 *   // for example: to disable dev mode in the staging build type (if configured)
 *   devDisabledInStaging: true,
 *   // The configuration property can be in the following formats
 *   //         'devDisabledIn${productFlavor}${buildType}'
 *   //         'devDisabledIn${buildType}'
 *
 *   // the root of your project, i.e. where "package.json" lives
 *   root: "../../",
 *
 *   // where to put the JS bundle asset in debug mode
 *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
 *
 *   // where to put the JS bundle asset in release mode
 *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
 *
 *   // where to put drawable resources / React Native assets, e.g. the ones you use via
 *   // require('./image.png')), in debug mode
 *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
 *
 *   // where to put drawable resources / React Native assets, e.g. the ones you use via
 *   // require('./image.png')), in release mode
 *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
 *
 *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
 *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
 *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
 *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
 *   // for example, you might want to remove it from here.
 *   inputExcludes: ["android/**", "ios/**"],
 *
 *   // override which node gets called and with what additional arguments
 *   nodeExecutableAndArgs: ["node"],
 *
 *   // supply additional arguments to the packager
 *   extraPackagerArgs: []
 * ]
 */

project.ext.react = [
    entryFile: "index.js",
    enableHermes: true,  // clean and rebuild if changing
]

apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

/**
 * Set this to true to create two separate APKs instead of one:
 *   - An APK that only works on ARM devices
 *   - An APK that only works on x86 devices
 * The advantage is the size of the APK is reduced by about 4MB.
 * Upload all the APKs to the Play Store and people will download
 * the correct one based on the CPU architecture of their device.
 */
def enableSeparateBuildPerCPUArchitecture = false

/**
 * Run Proguard to shrink the Java bytecode in release builds.
 */
def enableProguardInReleaseBuilds = false

/**
 * The preferred build flavor of JavaScriptCore.
 *
 * For example, to use the international variant, you can use:
 * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
 *
 * The international variant includes ICU i18n library and necessary data
 * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
 * give correct results when using with locales other than en-US.  Note that
 * this variant is about 6MiB larger per architecture than default.
 */
def jscFlavor = 'org.webkit:android-jsc:+'
/**
 * Whether to enable the Hermes VM.
 *
 * This should be set on project.ext.react and mirrored here.  If it is not set
 * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
 * and the benefits of using Hermes will therefore be sharply reduced.
 */
def enableHermes = project.ext.react.get("enableHermes", false);

android {
    compileSdkVersion rootProject.ext.compileSdkVersion

    defaultConfig {
        applicationId "com.foobar"
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode 252
        versionName "1.23.5"
        ndk {
            abiFilters "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
        }
        multiDexEnabled true
    }

    splits {
        abi {
            reset()
            enable enableSeparateBuildPerCPUArchitecture
            universalApk false  // If true, also generate a universal APK
            include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
        }
    }

    signingConfigs {
        debug {
            storeFile file('debug.keystore')
            storePassword 'android'
            keyAlias 'androiddebugkey'
            keyPassword 'android'
        }
    }

    buildTypes {
        debug {
            signingConfig signingConfigs.debug
        }
        release {
            // Caution! In production, you need to generate your own keystore file.
            // see https://facebook.github.io/react-native/docs/signed-apk-android.
            signingConfig signingConfigs.debug
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        }
    }
    // applicationVariants are e.g. debug, release
    applicationVariants.all { variant ->
        variant.outputs.each { output ->
            // For each separate APK per architecture, set a unique version code as described here:
            // https://developer.android.com/studio/build/configure-apk-splits.html
            def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
            def abi = output.getFilter(OutputFile.ABI)
            if (abi != null) {  // null for the universal-debug, universal-release variants
                output.versionCodeOverride =
                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
            }
        }
    }
    buildToolsVersion '28.0.3'

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

dependencies {
    implementation project(':@react-native-firebase_messaging')
    implementation project(':@react-native-firebase_in-app-messaging')
    implementation project(':@react-native-firebase_analytics')
    implementation project(':@react-native-firebase_app')
    implementation project(':react-native-permissions')
    implementation project(':@react-native-community_async-storage')
    implementation project(':react-native-appboy-sdk')
    implementation project(':react-native-youtube')
    implementation project(':react-native-video')

    implementation project(':lottie-react-native')

    implementation project(':appcenter')
    implementation project(':react-native-svg')
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation 'com.android.support:multidex:1.0.3'
    implementation "androidx.appcompat:appcompat:1.0.0"

    implementation "com.google.firebase:firebase-analytics:17.2.0"
    implementation "com.google.firebase:firebase-messaging:20.0.0"
    implementation "com.google.firebase:firebase-inappmessaging:19.0.1"

    implementation "com.facebook.react:react-native:+"  // From node_modules

    if (enableHermes) {
        def hermesPath = "../../node_modules/hermes-engine/android/";
        debugImplementation files(hermesPath + "hermes-debug.aar")
        releaseImplementation files(hermesPath + "hermes-release.aar")
    } else {
        implementation jscFlavor
    }

    compile project(':react-native-vector-icons')

    implementation "com.appboy:android-sdk-ui:3.4.+"
}

// Run this once to be able to run the application with BUCK
// puts all compile dependencies into folder libs for BUCK to use
task copyDownloadableDepsToLibs(type: Copy) {
    from configurations.compile
    into 'libs'
}

// apply plugin: 'com.google.gms.google-services'
apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

MainApplication.java

package com.foobar;

import android.app.Application;

import com.facebook.react.ReactApplication;
// import io.invertase.firebase.messaging.ReactNativeFirebaseMessagingPackage;
// import io.invertase.firebase.fiam.ReactNativeFirebaseFiamPackage;
// import io.invertase.firebase.analytics.ReactNativeFirebaseAnalyticsPackage;
// import io.invertase.firebase.app.ReactNativeFirebaseAppPackage;
import com.reactnativecommunity.rnpermissions.RNPermissionsPackage;
import com.reactnativecommunity.asyncstorage.AsyncStoragePackage;
import com.appboy.reactbridge.AppboyReactPackage;
import com.inprogress.reactnativeyoutube.ReactNativeYouTube;
import com.oblador.vectoricons.VectorIconsPackage;
import com.brentvatne.react.ReactVideoPackage;
import com.appboy.AppboyLifecycleCallbackListener;
import com.appboy.support.AppboyLogger;
import com.airbnb.android.react.lottie.LottiePackage;
import com.microsoft.appcenter.reactnative.appcenter.AppCenterReactNativePackage;
import com.horcrux.svg.SvgPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;

import android.content.Context;
import com.facebook.react.PackageList;

import java.lang.reflect.InvocationTargetException;
import java.util.List;
import android.util.Log;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

    @Override
    protected List<ReactPackage> getPackages() {
      @SuppressWarnings("UnnecessaryLocalVariable")
      List<ReactPackage> packages = new PackageList(this).getPackages();

      // packages.add(new MainReactPackage(),
      // packages.add(new ReactNativeFirebaseMessagingPackage());
      // packages.add(new ReactNativeFirebaseFiamPackage());
      // packages.add(new ReactNativeFirebaseAnalyticsPackage());
      // packages.add(new ReactNativeFirebaseAppPackage());

      // packages.add(new RNPermissionsPackage());
      // packages.add(new AppboyReactPackage());
      // packages.add(new ReactNativeYouTube());
      // packages.add(new VectorIconsPackage());
      packages.add(new ReactVideoPackage());
      // packages.add(new AsyncStoragePackage());
      // packages.add(new AppCenterReactNativePackage(MainApplication.this));
      // packages.add(new SvgPackage());
      packages.add(new LottiePackage());

      return packages;
    }

    @Override
    protected String getJSMainModuleName() {
      return "index";
    }
  };

  @Override
  public ReactNativeHost getReactNativeHost() {
    return mReactNativeHost;
  }

  @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
    // AppboyLogger.setLogLevel(Log.VERBOSE);
    registerActivityLifecycleCallbacks(new AppboyLifecycleCallbackListener(true, true));
  }
}

AppManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.foobar">
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
    <uses-permission android:name="android.permission.RECEIVE_WAP_PUSH" />
    <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:allowBackup="false"
      android:theme="@style/AppTheme">
      <!-- Set default notification icon -->
      <meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@mipmap/ic_notification_icon" />
      <meta-data android:name="com.google.firebase.messaging.default_notification_color" android:resource="@color/blue" />
      <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:screenOrientation="portrait"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
        android:windowSoftInputMode="adjustResize"
        android:launchMode="singleTask">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
        <intent-filter android:autoVerify="true">
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <data android:scheme="https"
                android:host="www.foobar.org"
                android:pathPrefix="/" />
            <!-- note that the leading "/" is required for chrome to process-->
            <data android:scheme="https"
                    android:host="www.foobar.org"
                    android:pathPrefix="" />
            <data android:scheme="foobar"
                    android:host="open"
                    android:pathPrefix="" />
        </intent-filter>
      </activity>
      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
      <service android:name="com.appboy.AppboyFirebaseMessagingService">
        <intent-filter>
            <action android:name="com.google.firebase.MESSAGING_EVENT" />
        </intent-filter>
      </service>
    </application>
</manifest>

---

• [X ] my application is an AndroidX application?

• [ ] I am using android/gradle.settings jetifier=true for Android compatibility?

  - [X ] I am using the NPM package jetifier for react-native compatibility?

• Platform that you're experiencing the issue on:

  • [ ] iOS
  • [ X] Android
  • [ ] iOS but have not tested behavior on Android
  • [ ] Android but have not tested behavior on iOS
  • [ ] Both
• react-native-firebase version you're using that has this issue:
  
  
  
  • "@react-native-firebase/app": "^6.0.1",
  
  
• Firebase module(s) you're using that has the issue:
  
  
  
  • "@react-native-firebase/in-app-messaging": "^6.0.1",
  
  
  • "@react-native-firebase/messaging": "^6.0.1",
  
  
  • "@react-native-firebase/analytics": "^6.0.1",
  
  
• Are you using TypeScript?
  
  
  
  • N
  
  

[mikehardy]

I don't think hermes is working correctly with RNFB, as a side note

I think you're missing this part from RN59 to RN60 move https://github.com/facebook/react-native/blob/master/template/android/settings.gradle

[FrancisLeigh]

Mike, thank you again!

Changes i also made

android/build.gradle

dependencies {
    classpath("com.android.tools.build:gradle:3.4.0")
+   classpath("com.google.gms:google-services:4.2.0")
    ...
}

[mikehardy]

I think they are on 4.3.2 now :-), gradle/android studio is on 3.5.1

nothing like keeping track of 4 ecosystems (ios / android / react-native / firebase) at once right?

[FrancisLeigh]

I think they are on 4.3.2 now :-), gradle/android studio is on 3.5.1

^ Thank you

nothing like keeping track of 4 ecosystems (ios / android / react-native / firebase) at once right?

^ Literally living the dream

[aravi365]

i am having the same issue with ios build. Any idea what caused it??

[FrancisLeigh]

@aravi365 i never experienced this on IOS. have you done a fresh pod install?
when i'm in doubt i run these series of commands from the root of my project.

$ rm -rf node_modules && cd ./ios && rm -rf Pods/ && cd ../ && npm i && cd ./ios && pod install && cd ../android && ./gradlew clean && cd ../ && npx jetifier

What the above does is:

1. removes node_modules
2. removes Pods/
3. installs node_modules
4. installs pods
5. cleans the gradle
6. uses Jetifier to port over AndroidX dependancies.

[aravi365]

@aravi365 i never experienced this on IOS. have you done a fresh pod install?
when i'm in doubt i run these series of commands from the root of my project.

$ rm -rf node_modules && cd ./ios && rm -rf Pods/ && cd ../ && npm i && cd ./ios && pod install && cd ../android && ./gradlew clean && cd ../ && npx jetifier

What the above does is:

1. removes node_modules
2. removes Pods/
3. installs node_modules
4. installs pods
5. cleans the gradle
6. uses Jetifier to port over AndroidX dependancies.

But, the solution you've given mainly points out to android related. My android is working fine without any issues.
What ended up in this situation is -- i created a separate project with the same project name as i have skipped the ios upgrade part while upgrading.

[FrancisLeigh]

@aravi365 Sorry, that wasn't a solution it was more of a process i take before i go looking for an answer just to make sure my project has not got anything weird and quirky going on within it.

If you skipped the IOS related parts of your upgrade, during the upgrade then i'd go back with a fine-toothed comb and check incase theres anything lurking within the code that you are missing.

[mikehardy]

npx react-native-clean-project clean-project-auto

99 percent of the time it works every time haha

[mikehardy]

There is an obvious spelling error there since I was on mobile, sorry, fixed.

[1fabiopereira]

I spent a lot of hours for found who was the problem, I fixed that adding apply plugin: 'com.google.gms.google-services' at the bottom of android/app/build.gradle. I don't kwow if that is the best approat but solve the issue.

[mikehardy]

@1fabiopereira not only the best approach, but the documented method of integrating https://invertase.io/oss/react-native-firebase/quick-start/android-firebase-credentials#applying-the-config-file

https://github.com/mikehardy/rnfbdemo/blob/master/make-demo.sh#L37

This is a very tough module to set up correctly because it's really like 15 big modules in one. Using the docs is vital for success

[tomthornton]

@mikehardy I tried this, but then I get this error

Execution failed for task ':app:processDebugGoogleServices'
No matching client found for package name 'com.[appname]'

This stackoverflow answer has you delete that line, which causes the error again :/
https://stackoverflow.com/a/54034966

EDIT:

https://stackoverflow.com/a/39301178

this answer fixed it!

[jegolopopo]

i have recently install @react-native-firebase/app v6.3.3 try to configure in react-native v 0.61.5
first i tried with autolinking - got error of android[ No Firebase app '[DEFAULT]' has been created - call firebase.initializeApp(),

AND WHEN I TRIED TO ADD com.google.gms.google-services getting message of no plugin found
and when i tried classpath("com.google.gms:google-services:4.3.2") i got some error of cant find appcomcat for android/build/genrated/not_namespaced/

and when i configure from web sdk to i got error of [firebase default app has been created ]
when i remove web sdk config i got the same error listed here

please help me out of this

[mikehardy]

@jegolopopo clone this repo, read this script, run the script and watch what it does. At the end you will have a fresh throw-away app to inspect, built from scratch, that runs. https://github.com/mikehardy/rnfbdemo/blob/master/make-demo-v6.sh - it helps a lot of people new to the project see what it takes to integrate things and how things are supposed to look