firebaseui-web を使用した Firebase 認証が認証後にリダイレクトされない

Question

私は現在、Firebase Auth と Web ウィジェット ライブラリ firebaseui-web を使用して、VueJS ベースのログイン フローのプロトタイプを作成しています。

認証 (password または google プロバイダー) が成功すると、ウィジェットの読み込みバーが無限に繰り返され、firebaseui-web は signInSuccessWithAuthResult コールバックをトリガーしません。しかし、identitytoolkit.googleapis.com へのネットワーク呼び出しは間違いなくユーザーを識別し、認証しているようです (スクリーンショットを参照)

構成オブジェクトは次のとおりです:

リーリー

VUeJS コード:

リーリー

再現可能なデモと完全なコードは https://github.com/perelin/firebase-auth-providerdata-test にあります。

これを表す CodeSandbox は次のとおりです: https://codesandbox.io/s/github/perelin/firebase-auth-providerdata-test (場合によっては、Unexpected token '{' エラーがスローされます。ページをリロード/再構築するだけです。

次に何を試すべきかわかったら、よろしくお願いします。

Answer 1

それで、この問題を見つけました。 firebaseui.auth.AuthUI によって返される firebaseui インスタンスは Vue データ プロパティであることを好まないようです [1]

理由を知りたいのですが、バグを探すのにかなりのエネルギーを消費します。私は終えた：）＃＃＃

これが私の修正です

https://github.com/perelin/firebase-auth-providerdata-test/commit/e8c31aecb4d3bc8bcd93928c55c439201a965c65

[1]

https://v3.vuejs.org/guide/data-method.html