javascript - Uncaught TypeError: firebase.auth is not a function

I try to build an authentification app with firebase (email & password) but i have problem with firebase methods. When I call firebase.auth, they said "it's not a function". Is it because my project and firebase SDK are not linked ?

Do you have some suggestions ? :)

<!doctype html>
<html lang="fr">
  <head>
  <meta charset="utf-8">

  <!-- The core Firebase JS SDK is always required and must be listed first -->
<script src=".6.0/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
      -->
<script src=".6.0/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "secret",
    authDomain: "secret",
    databaseURL: "secret",
    projectId: "secret",
    storageBucket: "secret",
    messagingSenderId: "secret",
    appId: "secret",
    measurementId: "secret"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>

  <!--Stylesheet CSS --> 
  <link rel="stylesheet" href="../css/main.css">

      <title>Inscription</title>

</head>

<body>

  <form id="formSignUp" method="POST" onsubmit="signUp()">
    <input type="text" id="form_input_mail" name="mail" placeholder="E-mail" size= "30">
    <input type="password" id="form_input_password" name="password" placeholder="Mot de passe" 
      size= "30">
    <button type="submit" id="button_orange_center"> Suivant</button>
  </form>
  <script>
      function signUp(){
      firebase.auth().createUserWithEmailAndPassword(form_input_mail, form_input_password)
    .catch(function(error) {
  // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    if (errorCode == 'auth/weak-password') {
      alert('The password is too weak.');
    } else {
      alert(errorMessage);
    }
    console.log(error);
  });
}
  </script>

</body>
</html>

Do you have some suggestions ? :)

<!doctype html>
<html lang="fr">
  <head>
  <meta charset="utf-8">

  <!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic./firebasejs/7.6.0/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google./docs/web/setup#available-libraries -->
<script src="https://www.gstatic./firebasejs/7.6.0/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "secret",
    authDomain: "secret",
    databaseURL: "secret",
    projectId: "secret",
    storageBucket: "secret",
    messagingSenderId: "secret",
    appId: "secret",
    measurementId: "secret"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>

  <!--Stylesheet CSS --> 
  <link rel="stylesheet" href="../css/main.css">

      <title>Inscription</title>

</head>

<body>

  <form id="formSignUp" method="POST" onsubmit="signUp()">
    <input type="text" id="form_input_mail" name="mail" placeholder="E-mail" size= "30">
    <input type="password" id="form_input_password" name="password" placeholder="Mot de passe" 
      size= "30">
    <button type="submit" id="button_orange_center"> Suivant</button>
  </form>
  <script>
      function signUp(){
      firebase.auth().createUserWithEmailAndPassword(form_input_mail, form_input_password)
    .catch(function(error) {
  // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    if (errorCode == 'auth/weak-password') {
      alert('The password is too weak.');
    } else {
      alert(errorMessage);
    }
    console.log(error);
  });
}
  </script>

</body>
</html>

Share Improve this question edited Dec 16, 2019 at 15:31 Frank van Puffelen 601k85 gold badges890 silver badges860 bronze badges asked Dec 16, 2019 at 13:08 Myno 1583 silver badges14 bronze badges

Add a ment |

2 Answers 2

Sorted by: Reset to default 5

Firebase products (eg. Auth) also need to be downloaded from the CDN

<script src="https://www.gstatic./firebasejs/7.6.0/firebase-auth.js"></script>

Reference: https://firebase.google./docs/web/setup

You need to add firebase auth to the js file:

 <!-- Add Firebase products that you want to use -->
  <script src="https://www.gstatic./firebasejs/7.6.0/firebase-auth.js"></script>

You can check here for all available products to add:

https://firebase.google./docs/web/setup#available-libraries

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Uncaught TypeError: firebase.auth is not a function - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)