Не работает аутентификация телефона Firebase в Vue js - PullRequest
Новая
       23

Не работает аутентификация телефона Firebase в Vue js

0 голосов
/ 06 мая 2020

Ниже показана ошибка 

Uncaught TypeError: Cannot read property 'auth' of undefined
at HTMLButtonElement.eval (Login.vue?7463:65)
at HTMLButtonElement.dispatch (jquery.js?1157:5429)
at HTMLButtonElement.elemData.handle (jquery.js?1157:5233)

Ниже мой код 

mounted() {
    window.$("#submit").click(function() {
      var input = window
        .$("#inputPhone")
        .val()
        .trim();
      if (input.length > 13 || input.length < 10 || isNaN(input)) {
        alert("Please enter a valid phone no");
      } else {
        window.$("#phone").hide();
        window.$("#code").show();

        window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier(
          "submit",
          {
            size: "invisible"
          }
        );

        //         window.recaptchaVerifier = new firebase.auth().RecaptchaVerifier('submit', {
        //   'size': 'invisible',
        //   'callback': function(response) {
        //     // reCAPTCHA solved, allow signInWithPhoneNumber.
        //     console.log(response);
        //   }
        // });
        firebase
          .auth()
          .signInWithPhoneNumber(input, window.recaptchaVerifier)
          .then(function(confirmationResult) {
            window.confirmationResult = confirmationResult;
            console.log(confirmationResult);
          });
        window.$("#login").click(function() {
          var inp = window
            .$("")
            .val()
            .trim();
          if (inp.length === 0) {
            alert("Please enter code");
          } else {
            var myFunction = function() {
              window.confirmationResult
                .confirm(inp)
                .then(function(result) {
                  console.log(result);
                })
                .catch(function(error) {
                  console.log(error);
                });
            };
            myFunction();
          }
        });
      }
    });
}

Пожалуйста, посмотрите мой код и помогите мне.
Ниже приведен код конфигурации, которую я импортировал
Ниже приведен код импортированной мной конфигурации
Ниже приведен код импортированной мной конфигурации
Ниже приведен код импортированной мной конфигурации
Ниже приведен код импортированной мной конфигурации 

import { firebase } from "../firebase";

Ошибка в строках кода ниже в соответствии с chrome инструментами разработчика 

window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier(
      "submit",
      {
        size: "invisible"
      }
    );

1 Ответ

0 голосов
/ 06 мая 2020

Правильно ли вы настроили Auth?
Настроить Firebase Auth 

<body>
  <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->

  <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
  <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-app.js"></script>

  <!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
  <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-analytics.js"></script>

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