FirebaseUIの認証を使ってドハマリした件 - Cannot read property 'length' of undefined Dismiss

はじめに

Project.Unknown内で利用するツールをFirebaseで行おうと考え、PJ内だけで利用したいため、折角なのでFirebase Authenticationを利用して認証されたメンバーだけ閲覧できるページを作ろうと、以下のモジュールをFirebaseUIで実装しました。

f:id:project-unknown:20190528105232p:plain

この時にドハマリしたのが、Sign inしようとしたら、以下のエラーになった件です。

f:id:project-unknown:20190528105007p:plain

Cannot read property 'length' of undefined Dismiss

処理云々はFirebaseUIにまかせているので、何故こうなったのかさっぱりわからず、丸1日消費してしまいました。

解決法

いろいろ模索したのですが、firebase.jsを最新にする事で解決することができました。

before

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

after

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

それ以外だと、2019/5/28現在、以下のFirebaseUIを参照しています。

<script src="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.css" />

また、最新のSDKの情報は以下から確認できます。

firebase.google.com

github.com