Styjun

How do I avoid typing "git" at the begining of every Git command?

Why do the TIE Fighter pilot helmets have similar ridges as the rebels?

Should I be able to use the Gloom Stalker ranger's Dread Ambusher class feature when attacking before initiative has been rolled to add a d8 damage?

Do Veracrypt encrypted volumes have any kind of brute force protection?

How much web presence should I have?

What plausible reason could I give for my FTL drive only working in space

How does AFV select the winning videos?

C++ logging library

Dependent voltage/current sources

How to befriend someone who doesn't like to talk?

How to Handle Many Times Series Simultaneously?

Why did the World Bank set the global poverty line at $1.90?

Quasar Redshifts

Why vspace-lineskip removes space after tikz picture although it stands before the picture?

Finding diameter of a circle using two chords and angle between them

How can powerful telekinesis avoid violating Newton's 3rd Law?

How to create two-week recurring alarms and reminders?

Part of my house is inexplicably gone

Should I list a completely different profession in my technical resume?

What do I need to do, tax-wise, for a sudden windfall?

In American Politics, why is the Justice Department under the President?

What's the best way to quit a job mostly because of money?

Create a cube from identical 3D objects

Is all-caps blackletter no longer taboo?

firebase.auth is not a function - with multiple firebase app initialization

Is there an “exists” function for jQuery?var functionName = function() vs function functionName() Set a default parameter value for a JavaScript functionJavaScript check if variable exists (is defined/initialized)Firebase and Electron : firebase.auth(…).onAuthStateChanged is not a functionfirebase.firestore() is not a function when trying to initialize Cloud FirestoreFirebase Initializing Without Auth - firebase.auth is not a functionyo ember tutorial: Client doesn't have permission to access the desired dataFirebase DatabaseURL - configuring firebaseFirebase app not accessing functions (e.g. firebase.auth())

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

I am getting the error 'Uncaught TypeError: firebase.auth is not a function'.

My code was working perfectly, and then I implemented my clients api, and discovered that their api already uses and has initialized a different firebase app. So, as I couldn't initialise my firebase app in the usual way (ie. firebase.initializeApp(config) ), I followed the documentation on initializing multiple firebase apps as follows. (This results in the error)

var configOther = 
apiKey: "xxxx",
authDomain: "xxxx",
databaseURL: "xxxx",
projectId: "xxxx",
storageBucket: "xxxx",
messagingSenderId: "xxxx"
;

var firebaseOther = firebase.initializeApp(configOther, "firebaseOther");

console.log("auth: ", firebase.auth(firebaseOther)); //"Uncaught TypeError: firebase.auth is not a function"

Any ideas about what I'm doing wrong here? Many thanks.

Note - I have also tried the following shorthand notation:

firebaseOther.auth() 

instead of

firebase.auth(firebaseOther)

but this results in the same error.

javascript firebase firebase-authentication

share|improve this question

edited Mar 25 at 15:24

KENdi

5,98721022

asked Mar 24 at 23:15

RicRic

205

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Have you included the appropriate Firebase script / module for auth?
  
  – Phil
  Mar 24 at 23:17
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  See firebase.google.com/docs/web/setup#add_firebase_to_your_app
  
  – Phil
  Mar 24 at 23:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Currently I'm just including all of the firebase services using: <script src="gstatic.com/firebasejs/5.9.1/firebase.js"></script> so I think it should be there. Also, this was working before I implemented my clients API. I wonder if somewhere in their api, they are somehow overriding this - is that even possible?
  
  – Ric
  Mar 24 at 23:39
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I'd be checking for any other <script> tags using the cut-down firebase-app.js file as that will overwrite the firebase variable. Also check for any use of firebase = ...
  
  – Phil
  Mar 24 at 23:56
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Turns out there was, and that's what I've done. I've now managed to get both firebase apps initialized and behaving themselves - thanks for your help.
  
  – Ric
  Mar 25 at 2:42
  

  
  
  
  

 | 
show 3 more comments

1

I am getting the error 'Uncaught TypeError: firebase.auth is not a function'.

My code was working perfectly, and then I implemented my clients api, and discovered that their api already uses and has initialized a different firebase app. So, as I couldn't initialise my firebase app in the usual way (ie. firebase.initializeApp(config) ), I followed the documentation on initializing multiple firebase apps as follows. (This results in the error)

var configOther = 
apiKey: "xxxx",
authDomain: "xxxx",
databaseURL: "xxxx",
projectId: "xxxx",
storageBucket: "xxxx",
messagingSenderId: "xxxx"
;

var firebaseOther = firebase.initializeApp(configOther, "firebaseOther");

console.log("auth: ", firebase.auth(firebaseOther)); //"Uncaught TypeError: firebase.auth is not a function"

Any ideas about what I'm doing wrong here? Many thanks.

Note - I have also tried the following shorthand notation:

firebaseOther.auth() 

instead of

firebase.auth(firebaseOther)

but this results in the same error.

javascript firebase firebase-authentication

share|improve this question

edited Mar 25 at 15:24

KENdi

5,98721022

asked Mar 24 at 23:15

RicRic

205

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Have you included the appropriate Firebase script / module for auth?
  
  – Phil
  Mar 24 at 23:17
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  See firebase.google.com/docs/web/setup#add_firebase_to_your_app
  
  – Phil
  Mar 24 at 23:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Currently I'm just including all of the firebase services using: <script src="gstatic.com/firebasejs/5.9.1/firebase.js"></script> so I think it should be there. Also, this was working before I implemented my clients API. I wonder if somewhere in their api, they are somehow overriding this - is that even possible?
  
  – Ric
  Mar 24 at 23:39
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I'd be checking for any other <script> tags using the cut-down firebase-app.js file as that will overwrite the firebase variable. Also check for any use of firebase = ...
  
  – Phil
  Mar 24 at 23:56
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Turns out there was, and that's what I've done. I've now managed to get both firebase apps initialized and behaving themselves - thanks for your help.
  
  – Ric
  Mar 25 at 2:42
  

  
  
  
  

 | 
show 3 more comments

I am getting the error 'Uncaught TypeError: firebase.auth is not a function'.

My code was working perfectly, and then I implemented my clients api, and discovered that their api already uses and has initialized a different firebase app. So, as I couldn't initialise my firebase app in the usual way (ie. firebase.initializeApp(config) ), I followed the documentation on initializing multiple firebase apps as follows. (This results in the error)

var configOther = 
apiKey: "xxxx",
authDomain: "xxxx",
databaseURL: "xxxx",
projectId: "xxxx",
storageBucket: "xxxx",
messagingSenderId: "xxxx"
;

var firebaseOther = firebase.initializeApp(configOther, "firebaseOther");

console.log("auth: ", firebase.auth(firebaseOther)); //"Uncaught TypeError: firebase.auth is not a function"

Any ideas about what I'm doing wrong here? Many thanks.

Note - I have also tried the following shorthand notation:

firebaseOther.auth() 

instead of

firebase.auth(firebaseOther)

but this results in the same error.

javascript firebase firebase-authentication

share|improve this question

edited Mar 25 at 15:24

KENdi

5,98721022

asked Mar 24 at 23:15

RicRic

205

var configOther = 
apiKey: "xxxx",
authDomain: "xxxx",
databaseURL: "xxxx",
projectId: "xxxx",
storageBucket: "xxxx",
messagingSenderId: "xxxx"
;

var firebaseOther = firebase.initializeApp(configOther, "firebaseOther");

console.log("auth: ", firebase.auth(firebaseOther)); //"Uncaught TypeError: firebase.auth is not a function"

firebaseOther.auth() 

firebase.auth(firebaseOther)

share|improve this question

edited Mar 25 at 15:24

KENdi

5,98721022

asked Mar 24 at 23:15

RicRic

205

share|improve this question

edited Mar 25 at 15:24

KENdi

5,98721022

asked Mar 24 at 23:15

RicRic

205

edited Mar 25 at 15:24

KENdi

5,98721022

edited Mar 25 at 15:24

KENdi

5,98721022

asked Mar 24 at 23:15

RicRic

205

asked Mar 24 at 23:15

RicRic

205

2 Answers
2

active

oldest

votes

0

The only explanation is that somewhere in the page, there is another <script> tag referencing the firebase-app.js file, eg

<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

This tag will be appearing after your inclusion of firebase.js or firebase-app.js and firebase-auth.js.

What happens is the inclusion of firebase-app.js sets the value of the global firebase variable, overriding anything that was previously set.

The solution is to either remove the duplicate Firebase script inclusions or at the very least, make sure the ones you want active are included last.

share|improve this answer

edited Mar 25 at 0:07

answered Mar 25 at 0:01

PhilPhil

102k13152171

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That does make sense. Removing the duplicate script inclusions isn't an option - that's in my clients api. And I'm not sure how to ensure my inclusions come last, because it appears that my client's api is loaded asynchronously, so even if I do my includes after I load their script in the html, their initialization of firebase is still happening after mine.
  
  – Ric
  Mar 25 at 0:32
  

  
  
  
  

add a comment | 

0

You likely skipped the step for including the firebase-auth script in your page, as described by the documentation:

<!-- Firebase App is always required and must be first -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

<!-- Add additional services that you want to use -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>

share|improve this answer

answered Mar 24 at 23:23

Doug StevensonDoug Stevenson

93.4k10108128

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Looks like OP is including the full Firebase package
  
  – Phil
  Mar 24 at 23:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, I was - although I've just changed it so that I'm just including the relevant ones, but I'm still getting the error. I'm wondering if it's possible that my client's api is subsequently re-loading the firebase package and then not including the auth script, but I'm not even sure how I could check that as I don't have access to their api.
  
  – Ric
  Mar 24 at 23:53
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Use the browser's developer tools to see what's being loaded in what order.
  
  – Doug Stevenson
  Mar 25 at 0:07
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks - I've now done that and I can see that they are loading gstatic.com/firebasejs/5.5.7/firebase-app.js after I am, and they are not including the auth script. So I guess that's the source of the problem.
  
  – Ric
  Mar 25 at 0:39
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55329495%2ffirebase-auth-is-not-a-function-with-multiple-firebase-app-initialization%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

The only explanation is that somewhere in the page, there is another <script> tag referencing the firebase-app.js file, eg

<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

This tag will be appearing after your inclusion of firebase.js or firebase-app.js and firebase-auth.js.

What happens is the inclusion of firebase-app.js sets the value of the global firebase variable, overriding anything that was previously set.

The solution is to either remove the duplicate Firebase script inclusions or at the very least, make sure the ones you want active are included last.

share|improve this answer

edited Mar 25 at 0:07

answered Mar 25 at 0:01

PhilPhil

102k13152171

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That does make sense. Removing the duplicate script inclusions isn't an option - that's in my clients api. And I'm not sure how to ensure my inclusions come last, because it appears that my client's api is loaded asynchronously, so even if I do my includes after I load their script in the html, their initialization of firebase is still happening after mine.
  
  – Ric
  Mar 25 at 0:32
  

  
  
  
  

add a comment | 

0

The only explanation is that somewhere in the page, there is another <script> tag referencing the firebase-app.js file, eg

<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

This tag will be appearing after your inclusion of firebase.js or firebase-app.js and firebase-auth.js.

What happens is the inclusion of firebase-app.js sets the value of the global firebase variable, overriding anything that was previously set.

The solution is to either remove the duplicate Firebase script inclusions or at the very least, make sure the ones you want active are included last.

share|improve this answer

edited Mar 25 at 0:07

answered Mar 25 at 0:01

PhilPhil

102k13152171

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That does make sense. Removing the duplicate script inclusions isn't an option - that's in my clients api. And I'm not sure how to ensure my inclusions come last, because it appears that my client's api is loaded asynchronously, so even if I do my includes after I load their script in the html, their initialization of firebase is still happening after mine.
  
  – Ric
  Mar 25 at 0:32
  

  
  
  
  

add a comment | 

The only explanation is that somewhere in the page, there is another <script> tag referencing the firebase-app.js file, eg

<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

This tag will be appearing after your inclusion of firebase.js or firebase-app.js and firebase-auth.js.

What happens is the inclusion of firebase-app.js sets the value of the global firebase variable, overriding anything that was previously set.

The solution is to either remove the duplicate Firebase script inclusions or at the very least, make sure the ones you want active are included last.

share|improve this answer

edited Mar 25 at 0:07

answered Mar 25 at 0:01

PhilPhil

102k13152171

<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

share|improve this answer

edited Mar 25 at 0:07

answered Mar 25 at 0:01

PhilPhil

102k13152171

answered Mar 25 at 0:01

PhilPhil

102k13152171

answered Mar 25 at 0:01

PhilPhil

102k13152171

0

You likely skipped the step for including the firebase-auth script in your page, as described by the documentation:

<!-- Firebase App is always required and must be first -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

<!-- Add additional services that you want to use -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>

share|improve this answer

answered Mar 24 at 23:23

Doug StevensonDoug Stevenson

93.4k10108128

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Looks like OP is including the full Firebase package
  
  – Phil
  Mar 24 at 23:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, I was - although I've just changed it so that I'm just including the relevant ones, but I'm still getting the error. I'm wondering if it's possible that my client's api is subsequently re-loading the firebase package and then not including the auth script, but I'm not even sure how I could check that as I don't have access to their api.
  
  – Ric
  Mar 24 at 23:53
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Use the browser's developer tools to see what's being loaded in what order.
  
  – Doug Stevenson
  Mar 25 at 0:07
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks - I've now done that and I can see that they are loading gstatic.com/firebasejs/5.5.7/firebase-app.js after I am, and they are not including the auth script. So I guess that's the source of the problem.
  
  – Ric
  Mar 25 at 0:39
  

  
  
  
  

add a comment | 

0

You likely skipped the step for including the firebase-auth script in your page, as described by the documentation:

<!-- Firebase App is always required and must be first -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

<!-- Add additional services that you want to use -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>

share|improve this answer

answered Mar 24 at 23:23

Doug StevensonDoug Stevenson

93.4k10108128

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Looks like OP is including the full Firebase package
  
  – Phil
  Mar 24 at 23:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, I was - although I've just changed it so that I'm just including the relevant ones, but I'm still getting the error. I'm wondering if it's possible that my client's api is subsequently re-loading the firebase package and then not including the auth script, but I'm not even sure how I could check that as I don't have access to their api.
  
  – Ric
  Mar 24 at 23:53
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Use the browser's developer tools to see what's being loaded in what order.
  
  – Doug Stevenson
  Mar 25 at 0:07
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks - I've now done that and I can see that they are loading gstatic.com/firebasejs/5.5.7/firebase-app.js after I am, and they are not including the auth script. So I guess that's the source of the problem.
  
  – Ric
  Mar 25 at 0:39
  

  
  
  
  

add a comment | 

You likely skipped the step for including the firebase-auth script in your page, as described by the documentation:

<!-- Firebase App is always required and must be first -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

<!-- Add additional services that you want to use -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>

share|improve this answer

answered Mar 24 at 23:23

Doug StevensonDoug Stevenson

93.4k10108128

<!-- Firebase App is always required and must be first -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>

<!-- Add additional services that you want to use -->
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>

share|improve this answer

answered Mar 24 at 23:23

Doug StevensonDoug Stevenson

93.4k10108128

answered Mar 24 at 23:23

Doug StevensonDoug Stevenson

93.4k10108128

answered Mar 24 at 23:23

Doug StevensonDoug Stevenson

93.4k10108128