Не удалось найти ошибку виджета FirebaseUI - PullRequest
Новая
       8

Не удалось найти ошибку виджета FirebaseUI

0 голосов
/ 21 мая 2018

Я пытаюсь создать экран входа, используя firebaseui auth для одностраничного веб-приложения.Я скопировал пример кода firebaseui для создания экрана входа в систему: 

<script src="/__/firebase/init.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/3.0.0/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/3.0.0/firebaseui.css" />
  <script type="text/javascript">
  // FirebaseUI config.
  var uiConfig = {
    signInOptions: [
      // Leave the lines as is for the providers you want to offer your users.
      firebase.auth.GoogleAuthProvider.PROVIDER_ID,
      firebase.auth.EmailAuthProvider.PROVIDER_ID
    ]
  };

  // Initialize the FirebaseUI Widget using Firebase.
  var ui = new firebaseui.auth.AuthUI(firebase.auth());
  // The start method will wait until the DOM is loaded.
  ui.start('#firebaseui-auth-container', uiConfig);
</script>

Затем я просто вставил 

<div id="firebaseui-auth-container'></div>

, чтобы загрузить экран входа в систему.Обычные вещи из Firebase загружаются просто отлично, а экран аутентификации - нет.Вот ошибка, которую я получил: 

Uncaught Error: Could not find the FirebaseUI widget element on the page.

Я не мог найти эту ошибку где-либо еще в Интернете, и я не уверен, что это означает или почему она появляется.Что я должен сделать, чтобы сделать загрузку экрана авторизации?

Ответы [ 2 ]

0 голосов
/ 21 ноября 2018

Пример вашего кода: 

<div id="firebaseui-auth-container'></div>

содержит противоречивые кавычки, где первая - двойная, вторая - одинарная.Я полагаю, вы хотели закодировать это как: 

<div id="firebaseui-auth-container"></div>

или 

<div id='firebaseui-auth-container'></div>
0 голосов
/ 28 мая 2018

Отсюда выдается ошибка: https://github.com/firebase/firebaseui-web/blob/cac4047490ed90b0d3d741d6deb8b28905f5db4b/javascript/widgets/authui.js#L481

Кажется, элемент html не может быть найден.Можете ли вы попытаться вызвать document.querySelector('#firebaseui-auth-container'); из консоли, чтобы подтвердить, что элемент существует на этой странице?

...