Vue.jsとFirebaseで認証機能を実装したときに「Unable to establish a connection with the popup」のエラーが発生




この記事は最終更新日から2年以上経過しています。

Vue.jsを以下の本をベースに勉強していました。

この中でFirebaseの認証機能を実装するという項目があったので検証していたところ、ブラウザのコンソールで以下のエラーを確認しました。

code: auth/popup-blocked
message: Unable to establish a connection with the popup. It may have been blocked by the browser.

メッセージの通りですが、ポップアップ表示できなかったようです。
ブラウザによってブロックされているかもと書かれているので検証に使用していたchromeの設定から動作確認していたドメインをポップアップ許可対象に追加し、再度確認したところ、正常に認証ポップアップが表示されました。

勉強中のこちらの本ですが、JavaScriptかなんらかのフロントエンド業務を行ったことがあればとてもいい教材になりそうです。
内容が端折ってるところが結構あるので行間を読まないといけないところがあるので超初心者にはちょっと難しいかも。