# Blank (Black) Screen after add firebase-x plugin

**URL:** <https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441>\
**Category:** cordova\
**Created:** [April 17, 2022, 6:01pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441 "2022-04-17T18:01:08Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 17, 2022, 6:01pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/1 "2022-04-17T18:01:08Z")

</div>

After add firebase-x plugin, (with other problems in middle). When I could build it, mi app just open splash screen and then stay Blank (Black) Screen.  
Using Ionic 5, Cordova 10

Thanks in Advance.

---

<div class="post-metadata">

**Author:** ![EinfachHans](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/einfachhans/32/130917_2.png) [@EinfachHans](https://forum.ionicframework.com/u/EinfachHans)\
**Post date:** [April 17, 2022, 6:38pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/2 "2022-04-17T18:38:03Z")

</div>

First step: Check the console, any errors thrown?

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 17, 2022, 8:12pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/3 "2022-04-17T20:12:42Z")

</div>

> Configure project :app  
> strippedNativeLibsDir is deprecated and no longer used. Please remove it from your build configuration.

> Configure project :CordovaLib  
> [Cordova] cdvMinSdkVersion is overridden, try it at your own risk.

> Task :app:stripDebugDebugSymbols UP-TO-DATE  
> WARNING: Compatible side by side NDK version was not found. Default is 21.0.6113669.  
> Compatible side by side NDK version was not found. Default is 21.0.6113669.

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.  
Use ‘–warning-mode all’ to show the individual deprecation warnings.  
See [Command-Line Interface](https://docs.gradle.org/6.5/userguide/command_line_interface.html#sec:command_line_warnings)

BUILD SUCCESSFUL in 47s

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 17, 2022, 8:15pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/4 "2022-04-17T20:15:16Z")

</div>

I updated to Cordova 11, and issue persist.

---

<div class="post-metadata">

**Author:** ![EinfachHans](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/einfachhans/32/130917_2.png) [@EinfachHans](https://forum.ionicframework.com/u/EinfachHans)\
**Post date:** [April 17, 2022, 8:23pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/5 "2022-04-17T20:23:30Z")

</div>

i mean the javascript console of the running app

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 17, 2022, 8:25pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/6 "2022-04-17T20:25:53Z")

</div>

I’m testing in real device. The development PC is far away of me.

---

<div class="post-metadata">

**Author:** ![EinfachHans](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/einfachhans/32/130917_2.png) [@EinfachHans](https://forum.ionicframework.com/u/EinfachHans)\
**Post date:** [April 17, 2022, 8:41pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/7 "2022-04-17T20:41:24Z")

</div>

You can also debug the app on a real device to see the console. You should read this guide:

> **[Debugging | Ionic Documentation](https://ionicframework.com/docs/troubleshooting/debugging)**
>
> Debugging Guide for Apps in iOS Safari and Android Chrome

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 17, 2022, 10:07pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/8 "2022-04-17T22:07:12Z")

</div>

I ever tested with real device connected to pc via wi-fi, because, browser don’t admit some plugins that i am actually using. But, now, I’m in other location that PC. For this “minor” change, I build the apk, upload to site by ftp, and download from phone to test.

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 17, 2022, 11:34pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/9 "2022-04-17T23:34:10Z")

</div>

![image](https://global.discourse-cdn.com/ionicframework/original/3X/7/3/730ab48e474dc24f8377c3d421c52ed49686785a.jpeg)

Running in Browser, the White Screen persist. No Errors displayed in Console. Just Stay here…

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 18, 2022, 2:48am UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/10 "2022-04-18T02:48:51Z")

</div>

Only Adding this Line to Constructor, application keep Halted in Black Screen:

public firebaseX: FirebaseX,

Any Idea???

---

<div class="post-metadata">

**Author:** ![abhayjani](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/abhayjani/32/121906_2.png) [@abhayjani](https://forum.ionicframework.com/u/abhayjani)\
**Post date:** [April 18, 2022, 3:30am UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/11 "2022-04-18T03:30:53Z")

</div>

Can you past your code here?

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 18, 2022, 1:54pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/12 "2022-04-18T13:54:56Z")

</div>

The Only Code for Issue is…

import { FirebaseX } from ‘@awesome-cordova-plugins/firebase-x/ngx’;  
.  
.  
.  
constructor(  
public router: Router,  
public nativeStorage: NativeStorage,  
public firebaseX: FirebaseX,  
.

---

<div class="post-metadata">

**Author:** ![mmelki](https://avatars.discourse-cdn.com/v4/letter/m/3ec8ea/32.png) [@mmelki](https://forum.ionicframework.com/u/mmelki)\
**Post date:** [April 19, 2022, 12:31pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/13 "2022-04-19T12:31:21Z")

</div>

For firebase I used capacitor plugin (tuto link: [The Push Notifications Guide for Ionic & Capacitor | Devdactic - Ionic Tutorials](https://devdactic.com/push-notifications-ionic-capacitor/) or [The Push Notifications Guide for Ionic & Capacitor | Devdactic - Ionic Tutorials](https://devdactic.com/push-notifications-ionic-capacitor/) ), I prefer not to use cordova plugin inside a capacitor project (even if it is possible), it generaly leads me to face some problems.

Good luck !

---

<div class="post-metadata">

**Author:** ![aliexalter](https://avatars.discourse-cdn.com/v4/letter/a/8e7dd6/32.png) [@aliexalter](https://forum.ionicframework.com/u/aliexalter)\
**Post date:** [April 21, 2022, 11:44am UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/14 "2022-04-21T11:44:33Z")

</div>

Run the app in android emulator  
Open chrome and enter URL chrome://inspect  
Chose the device on which app is running and look for log under console.

FirebaseX module/provider might be missing inside app.module.ts

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 21, 2022, 1:28pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/15 "2022-04-21T13:28:06Z")

</div>

In Browser console, says: Resource Not Found: /Screen

---

<div class="post-metadata">

**Author:** ![jngomezd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jngomezd/32/125865_2.png) [@jngomezd](https://forum.ionicframework.com/u/jngomezd)\
**Post date:** [April 21, 2022, 3:42pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/16 "2022-04-21T15:42:58Z")

</div>

I’m not using Capacitor. Just Cordova.

---

<div class="post-metadata">

**Author:** ![aliexalter](https://avatars.discourse-cdn.com/v4/letter/a/8e7dd6/32.png) [@aliexalter](https://forum.ionicframework.com/u/aliexalter)\
**Post date:** [April 21, 2022, 11:36pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/17 "2022-04-21T23:36:10Z")

</div>

Run this command  
ionic cordova emulate android —list

It will give you list of emulators

Note down the name of any emulator

Run command  
ionic cordova emulate android --livereload --target=“Pixel\_XL\_API\_30”  
Where Pixel\_XL\_API\_30 is your emulator device name

Open URL chrome://inspect in chrome browser and tap inspect under device name which is running the project

When you tap inspect it will show the log and console.  
Paste that log here.

Now as you said it is saying in browser

Resource not found it might be the that when you added firebaseX in app.module.ts you have removed any other required ionic module. Please check if all modules of ionic are loaded.

If app is running without firebaseX then install firebaseX cli version for example

Ionic cordova plugin add firebaseX@13.0.0-cli

---

<div class="post-metadata">

**Author:** ![jamesalbert021](https://avatars.discourse-cdn.com/v4/letter/j/a5b964/32.png) [@jamesalbert021](https://forum.ionicframework.com/u/jamesalbert021)\
**Post date:** [January 18, 2023, 10:07pm UTC](https://forum.ionicframework.com/t/blank-black-screen-after-add-firebase-x-plugin/222441/18 "2023-01-18T22:07:34Z")

</div>

I’ve tested it with a an actual device connected to a computer via wifi, as the browsers won’t allow certain plugins that I’m actually using. But, at present I’m at a different location this computer. [Best Software Developers](https://distinguished.io/companies/software-development)
