ReferenceError: firebase is not defined

After upgrading to NativeScript 2.5 I am not able to bundle with webpack. It works perfectly fine when running it with “tns run android” but when running with bundle I am not able to instantiate firebase.

I get my front screen but then nothing is loaded after trying to run firebase. I am simply importing it as defined here (import firebase = require(“nativescript-plugin-firebase”)).

I get the following error:

JS: ReferenceError: firebase is not defined
JS:     at LoginPageComponent.module.exports.LoginPageComponent.ngOnInit (file:///data/data/org.nativescript.drivelogger
.student/files/app/bundle.js:22985:9)
JS:     at Wrapper_LoginPageComponent.module.exports.Wrapper_LoginPageComponent.ngDoCheck (file:///data/data/org.natives
cript.drivelogger.student/files/app/bundle.js:54812:30)
JS:     at View_LoginPageComponent_Host0.module.exports.View_LoginPageComponent_Host0.detectChangesInternal (file:///dat
a/data/org.nativescript.drivelogger.student/files/app/bundle.js:54854:38)
JS:     at View_LoginPageComponent_Host0.module.exports.AppView.detectChanges (file:///data/data/org.nativescript.drivel
ogger.student/files/app/vendor.js:11439:14)
JS:     at ViewContainer.module.exports.ViewContainer.detectChangesInNestedViews (file:///data/data/org.nativescript.dri
velogger.student/files/app/vendor.js:15719:37)
JS:     at View_AppComponent0.module.exports.View_AppComponent0.detectChangesInternal (file:///data/data/org.nativescrip
t.drivelogger.student/files/app/bundle.js:53527:20)
JS:     at View_AppComponent0.module.exports.AppView.detectChanges (file:///data/data/org.nativescript.drivelogger.stude
nt/files/app/vendor.js:11439:14)
JS:     at View_AppComponent0.module.exports.AppView.internalDetectChanges (file:///data/data/org.nativescript.drivelogg
er.student/files/app/vendor.js:11424:18)
JS:     at View_AppComponent_Host0.module.exports.View_AppComponent_Host0.detectChangesInternal (file:///data/data/org.n
ativescript.drivelogger.student/files/app/bundle.js:53493:25)
JS:     at View_AppComponent_Host0.module.exports.AppView.detectChanges (file:///data/data/org.nativescript.drivelogger.
student/files/app/vendor.js:11439:14)
JS: ReferenceError: firebase is not defined

The command I am using to bundle is this: webpack --config=webpack.android.js --progress

And it works fine when I remove firebase from my login component.

Any ideas of how to get around this?

[ShawnPavel]

Where do you all initialize firebase? Is it in main.ts? Try initializing in the app.component.ts file.

I moved all my initialization code to app.component.ts and all was well for me. I ran into a similar issue with the nativescript-google-maps-sdk.

[davorpeic]

I fixed my webpack init in main.aot.ts issue with solution mentioned here

Importing the plugin this way: import * as firebase from "nativescript-plugin-firebase" instead of the way it’s mentioned on github import firebase = require("nativescript-plugin-firebase");

hope it helps