Firebase recaptchaVerifier 显示未捕获的类型错误：无法读取未定义的属性“RecaptchaVerifier”

Question

I am trying to implement firebase phone authentication but i kept having Uncaught TypeError: Cannot read property 'RecaptchaVerifier' of undefined.我正在尝试实施 firebase 电话身份验证，但我一直遇到未捕获的类型错误：无法读取未定义的属性“RecaptchaVerifier”。

Below is the code sample i am using下面是我正在使用的代码示例

Please can anyone help with possible ways forward?请任何人帮助解决可能的前进方向？

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body class="body-film">
        <h1>Enter Phone Number</h1>
        <form>
            <input type="text" id="number" placeholder="080******" />
            <div id="recaptcha-container"></div>
            <button type="button" onclick="phoneAuth();">Send Code</button>
        </form><br />

        <h1>Enter OTP</h1>
        <form>
            <input type="text" id="verificationCode" placeholder="OTP HERE" />
            <button type="button" onclick="codeverify();">VERIFY OTP</button>
        </form>

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

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

        <script>
          // Your web app's Firebase configuration
          // For Firebase JS SDK v7.20.0 and later, measurementId is optional
          var firebaseConfig = {
            apiKey: "*****************",
            authDomain: "*****************",
            databaseURL: "*****************",
            projectId: "*****************",
            storageBucket: "*****************",
            messagingSenderId: "*****************",
            appId: "*****************",
            measurementId: "*****************"
          };
          // Initialize Firebase
          firebase.initializeApp(firebaseConfig);
          firebase.analytics();

         window.onload = function(){
            render();
         }
         function render(){
            window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');
            recaptchaVerifier.render();
         }
        </script>

    </body>
</html>

Answer 1

I don't see where you've added the script include for Firebase Auth:我看不到您在哪里添加了 Firebase Auth 的脚本包含：

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

Firebase recaptchaVerifier 显示未捕获的类型错误：无法读取未定义的属性“RecaptchaVerifier”

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-10-25 16:53:05

Firebase recaptchaVerifier 显示未捕获的类型错误：无法读取未定义的属性“RecaptchaVerifier”

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-10-25 16:53:05

解决方案1
1 已采纳 2020-10-25 16:53:05