Question

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

所以我有这个：

 <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

如何解决此错误（发现相似的问题却没有直接答案）
如何从这里继续进行？

编辑：

我在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相关的唯一内容。

Answer 1

通过使用：（非常感谢弗兰克）

更改导入文件的版本来解决

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

firebase.auth.RecaptchaVerifier不是构造函数错误

1 个答案: