Ad

How To Fix: Cannot Read Property 'GoogleAuthProvider' Of Undefined

I'm using firebase for authentication purposes but i'm having some troubles setting it up

I already tried everything the tutorial said but to no success

https://www.youtube.com/watch?v=hb85pYZSJaI

  <body>
    <div id="firebaseui-auth-container"></div>
  </body>

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

  <!-- firebaseUI -->
  <script src="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.js"></script>
  <link
    type="text/css"
    rel="stylesheet"
    target="_blank" rel="nofollow noreferrer" href="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.css"
  />

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "AIzaSyBtnE9XZR_tYckh5dYlwKbFdG3Nqs7y6JI",
      authDomain: "example123-6edfb.firebaseapp.com",
      databaseURL: "https://example123-6edfb.firebaseio.com",
      projectId: "example123-6edfb",
      storageBucket: "",
      messagingSenderId: "113254883849",
      appId: "1:113254883849:web:2e6706cd75b6bbd9"
    };

    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);

    // FirebaseUI config.
    var uiConfig = {
      signInSuccessUrl: "algo.html",
      signInOptions: [
        // Leave the lines as is for the providers you want to offer your users.
        firebase.auth.GoogleAuthProvider.PROVIDER_ID,
        firebase.auth.FacebookAuthProvider.PROVIDER_ID,
        firebase.auth.TwitterAuthProvider.PROVIDER_ID,
        firebase.auth.GithubAuthProvider.PROVIDER_ID,
        firebase.auth.EmailAuthProvider.PROVIDER_ID,
        firebase.auth.PhoneAuthProvider.PROVIDER_ID
      ],
      // tosUrl and privacyPolicyUrl accept either url string or a callback
      // function.
      // Terms of service url/callback.
      tosUrl: "<your-tos-url>",
      // Privacy policy url/callback.
      privacyPolicyUrl: function() {
        window.location.assign("<your-privacy-policy-url>");
      }
    };

    // Initialize the FirebaseUI Widget using Firebase.
    var ui = new firebaseui.auth.AuthUI(firebase.auth());
    // The start method will wait until the DOM is loaded.
    ui.start("#firebaseui-auth-container", uiConfig);
  </script>

but i'm getting this error when i access the page

(index):49 Uncaught TypeError: Cannot read property 'GoogleAuthProvider' of undefined at (index):49

Any Ideas?

Ad

Answer

you are missing the auth script file

add this where you are loading firebase:

 <!-- firebase -->
  <script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-auth.js"></script>
  <!-- firebaseUI -->
  <script src="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.js"></script>

If you need more information, check the docs here

Ad
source: stackoverflow.com
Ad