代码之家  ›  专栏  ›  技术社区  ›  Curnelious

火力基地。啊。RecaptchaVerifier不是构造函数错误

  •  0
  • Curnelious  · 技术社区  · 5 年前

    在使用初始化Firebase应用程序后,尝试在我的html中添加Firebase脚本 firebase.initializeApp(config); .

    那么我有这个:

     <script>
    
              window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('sign-in-button', 
               {
                'size': 'invisible',
                'callback': function(response) {
                // reCAPTCHA solved, allow signInWithPhoneNumber.
                onSignInSubmit();
                }
          });
    
     </script>
    

    这提供了错误:

    firebase.auth.RecaptchaVerifier is not a constructor error
    
    1. 如何解决此错误(发现类似问题而没有直接答案)
    2. 如何从这里开始,全速前进?

    编辑 :

    我在html的开头有这样一句话:

      <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-firestore.js"></script>
      <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-storage.js"></script>
      <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-auth.js"></script>
      <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js"></script>
    

    我正在用以下命令初始化应用程序:

     <script>
              var config = {
                apiKey: "AIzaSxxxxxxxxxxxxxxxZQ14",
                authDomain: "xxxxxx.firebaseapp.com",
                databaseURL: "https://xxxxxxx.firebaseio.com",
                projectId: "xxxxxx",
                storageBucket: "xxxxxxx.appspot.com",
                messagingSenderId: "xxxxxxxxx"
              };
              firebase.initializeApp(config);
              const db = firebase.firestore();
              db.settings({timestampsInSnapshots:true});
         </script>
    

    这些是我在这个文件中唯一与Firebase有关的东西。

    0 回复  |  直到 5 年前
        1
  •  0
  •   Curnelious    5 年前

    通过以下方式更改导入文件的版本来解决:( 非常感谢弗兰克 )

          <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-app.js"></script>
          <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-firestore.js"></script>
          <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-storage.js"></script>
          <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-auth.js"></script>
          <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-database.js"></script>
          <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-messaging.js"></script>
          <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-functions.js"></script>