React firebase api - .a.auth is not a function











up vote
1
down vote

favorite












I did a research but found that problem only in node.js context, or react context but from a long time ago, and guys say that upgrading their firebase helped. Mine was installed just last month.



Basically I'm using React with firebase api, and I this code:



firebase.auth().signInWithEmailAndPassword('an email', 'a password);


Throws the following error:
TypeError: WEBPACK_IMPORTED_MODULE_2__firebase.a.auth is not a function



Of course I'm importing firebase:



import firebase from '../../firebase';


All the other firebase commands work just fine.



Has anyone had an experience with that problem using react.js ?



Thanks a lot in advance










share|improve this question






















  • Double check whether the path is correct. Also what are you exporting from that file? Share Firebase file code for better assistance
    – Hemadri Dasari
    Nov 10 at 4:34






  • 1




    Hey mate thanks I was stupid not to use import "firebase/auth" in the firebase file. Thanks a lot you really helped me
    – sir-haver
    Nov 10 at 23:37















up vote
1
down vote

favorite












I did a research but found that problem only in node.js context, or react context but from a long time ago, and guys say that upgrading their firebase helped. Mine was installed just last month.



Basically I'm using React with firebase api, and I this code:



firebase.auth().signInWithEmailAndPassword('an email', 'a password);


Throws the following error:
TypeError: WEBPACK_IMPORTED_MODULE_2__firebase.a.auth is not a function



Of course I'm importing firebase:



import firebase from '../../firebase';


All the other firebase commands work just fine.



Has anyone had an experience with that problem using react.js ?



Thanks a lot in advance










share|improve this question






















  • Double check whether the path is correct. Also what are you exporting from that file? Share Firebase file code for better assistance
    – Hemadri Dasari
    Nov 10 at 4:34






  • 1




    Hey mate thanks I was stupid not to use import "firebase/auth" in the firebase file. Thanks a lot you really helped me
    – sir-haver
    Nov 10 at 23:37













up vote
1
down vote

favorite









up vote
1
down vote

favorite











I did a research but found that problem only in node.js context, or react context but from a long time ago, and guys say that upgrading their firebase helped. Mine was installed just last month.



Basically I'm using React with firebase api, and I this code:



firebase.auth().signInWithEmailAndPassword('an email', 'a password);


Throws the following error:
TypeError: WEBPACK_IMPORTED_MODULE_2__firebase.a.auth is not a function



Of course I'm importing firebase:



import firebase from '../../firebase';


All the other firebase commands work just fine.



Has anyone had an experience with that problem using react.js ?



Thanks a lot in advance










share|improve this question













I did a research but found that problem only in node.js context, or react context but from a long time ago, and guys say that upgrading their firebase helped. Mine was installed just last month.



Basically I'm using React with firebase api, and I this code:



firebase.auth().signInWithEmailAndPassword('an email', 'a password);


Throws the following error:
TypeError: WEBPACK_IMPORTED_MODULE_2__firebase.a.auth is not a function



Of course I'm importing firebase:



import firebase from '../../firebase';


All the other firebase commands work just fine.



Has anyone had an experience with that problem using react.js ?



Thanks a lot in advance







reactjs firebase






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 10 at 4:31









sir-haver

507




507












  • Double check whether the path is correct. Also what are you exporting from that file? Share Firebase file code for better assistance
    – Hemadri Dasari
    Nov 10 at 4:34






  • 1




    Hey mate thanks I was stupid not to use import "firebase/auth" in the firebase file. Thanks a lot you really helped me
    – sir-haver
    Nov 10 at 23:37


















  • Double check whether the path is correct. Also what are you exporting from that file? Share Firebase file code for better assistance
    – Hemadri Dasari
    Nov 10 at 4:34






  • 1




    Hey mate thanks I was stupid not to use import "firebase/auth" in the firebase file. Thanks a lot you really helped me
    – sir-haver
    Nov 10 at 23:37
















Double check whether the path is correct. Also what are you exporting from that file? Share Firebase file code for better assistance
– Hemadri Dasari
Nov 10 at 4:34




Double check whether the path is correct. Also what are you exporting from that file? Share Firebase file code for better assistance
– Hemadri Dasari
Nov 10 at 4:34




1




1




Hey mate thanks I was stupid not to use import "firebase/auth" in the firebase file. Thanks a lot you really helped me
– sir-haver
Nov 10 at 23:37




Hey mate thanks I was stupid not to use import "firebase/auth" in the firebase file. Thanks a lot you really helped me
– sir-haver
Nov 10 at 23:37












2 Answers
2






active

oldest

votes

















up vote
0
down vote













First check your path is correct, if is, try to delete the node_modules folder and make npm install again !






share|improve this answer





















  • Thanks Tibere PRS
    – sir-haver
    Nov 10 at 23:38


















up vote
0
down vote













Just posting the answer, maybe to help others. The simple solution (thanks to think-twice) is to import "firebase/auth". Here is an example of the Firebase file:



import firebase from 'firebase/app';
import 'firebase/storage';
import "firebase/database";
import "firebase/auth"


// Initialize Firebase
var config = {
apiKey: "*********************",
authDomain: "...",
databaseURL: "...",
projectId: "....",
storageBucket: "....",
messagingSenderId: "..."
};
firebase.initializeApp(config);

const storage = firebase.storage();

export {
storage, firebase as default
}





share|improve this answer





















    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',
    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


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53236009%2freact-firebase-api-a-auth-is-not-a-function%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    0
    down vote













    First check your path is correct, if is, try to delete the node_modules folder and make npm install again !






    share|improve this answer





















    • Thanks Tibere PRS
      – sir-haver
      Nov 10 at 23:38















    up vote
    0
    down vote













    First check your path is correct, if is, try to delete the node_modules folder and make npm install again !






    share|improve this answer





















    • Thanks Tibere PRS
      – sir-haver
      Nov 10 at 23:38













    up vote
    0
    down vote










    up vote
    0
    down vote









    First check your path is correct, if is, try to delete the node_modules folder and make npm install again !






    share|improve this answer












    First check your path is correct, if is, try to delete the node_modules folder and make npm install again !







    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered Nov 10 at 17:30









    Tibere Prs

    12




    12












    • Thanks Tibere PRS
      – sir-haver
      Nov 10 at 23:38


















    • Thanks Tibere PRS
      – sir-haver
      Nov 10 at 23:38
















    Thanks Tibere PRS
    – sir-haver
    Nov 10 at 23:38




    Thanks Tibere PRS
    – sir-haver
    Nov 10 at 23:38












    up vote
    0
    down vote













    Just posting the answer, maybe to help others. The simple solution (thanks to think-twice) is to import "firebase/auth". Here is an example of the Firebase file:



    import firebase from 'firebase/app';
    import 'firebase/storage';
    import "firebase/database";
    import "firebase/auth"


    // Initialize Firebase
    var config = {
    apiKey: "*********************",
    authDomain: "...",
    databaseURL: "...",
    projectId: "....",
    storageBucket: "....",
    messagingSenderId: "..."
    };
    firebase.initializeApp(config);

    const storage = firebase.storage();

    export {
    storage, firebase as default
    }





    share|improve this answer

























      up vote
      0
      down vote













      Just posting the answer, maybe to help others. The simple solution (thanks to think-twice) is to import "firebase/auth". Here is an example of the Firebase file:



      import firebase from 'firebase/app';
      import 'firebase/storage';
      import "firebase/database";
      import "firebase/auth"


      // Initialize Firebase
      var config = {
      apiKey: "*********************",
      authDomain: "...",
      databaseURL: "...",
      projectId: "....",
      storageBucket: "....",
      messagingSenderId: "..."
      };
      firebase.initializeApp(config);

      const storage = firebase.storage();

      export {
      storage, firebase as default
      }





      share|improve this answer























        up vote
        0
        down vote










        up vote
        0
        down vote









        Just posting the answer, maybe to help others. The simple solution (thanks to think-twice) is to import "firebase/auth". Here is an example of the Firebase file:



        import firebase from 'firebase/app';
        import 'firebase/storage';
        import "firebase/database";
        import "firebase/auth"


        // Initialize Firebase
        var config = {
        apiKey: "*********************",
        authDomain: "...",
        databaseURL: "...",
        projectId: "....",
        storageBucket: "....",
        messagingSenderId: "..."
        };
        firebase.initializeApp(config);

        const storage = firebase.storage();

        export {
        storage, firebase as default
        }





        share|improve this answer












        Just posting the answer, maybe to help others. The simple solution (thanks to think-twice) is to import "firebase/auth". Here is an example of the Firebase file:



        import firebase from 'firebase/app';
        import 'firebase/storage';
        import "firebase/database";
        import "firebase/auth"


        // Initialize Firebase
        var config = {
        apiKey: "*********************",
        authDomain: "...",
        databaseURL: "...",
        projectId: "....",
        storageBucket: "....",
        messagingSenderId: "..."
        };
        firebase.initializeApp(config);

        const storage = firebase.storage();

        export {
        storage, firebase as default
        }






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 10 at 23:40









        sir-haver

        507




        507






























             

            draft saved


            draft discarded



















































             


            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53236009%2freact-firebase-api-a-auth-is-not-a-function%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Florida Star v. B. J. F.

            Danny Elfman

            Lugert, Oklahoma