Firebase エラー: ソースなしでホスティングにデプロイするときにオプション (アプリ/オプションなし) が必要になる回避策

Question

単純な HTML ページに基本的な Google ログインを実装しようとしていますが、何らかの理由で機能せず、ヘッダーにエラーが表示されます。これは、Firebase ドキュメントに記載されている基本的なポップアップ ログイン機能です。

ボタンがあります。

Google でログイン < /コード> これは、signinwithpopup

を呼び出す onclick 属性を持つ基本的なブートストラップ ボタンです。

const auth = getAuth();
  SignInWithPopup(認証、プロバイダー)
    .then((結果) => {
      // これにより、Google アクセス トークンが得られます。これを使用して Google API にアクセスできます。
      const credential = GoogleAuthProvider.credentialFromResult(結果);
      const トークン = credential.accessToken;
      // ログインユーザー情報。
      const ユーザー = 結果.ユーザー;
      // getAdditionalUserInfo(result) を使用して IdP データを取得します
      // ...
    }).catch((エラー) => {
      // エラーを処理します。
      const errorCode = エラーコード;
      const errorMessage = エラー.メッセージ;
      // 使用するユーザー アカウントのメールアドレス。
      const email = error.customData.email;
      //使用される AuthCredential タイプ。
      const credential = GoogleAuthProvider.credentialFromError(error);
      // ...
    });

認証定数に const app を追加しようとしましたが、うまくいきませんでした。誰かが助けてくれることを願っています。 const auth = getAuth(app);

Firebase Authentication を使用して Google 認証プロバイダを追加しようとしているので、ドキュメントの指示に従い、どの Google アカウントを使用するかを尋ねる単純なポップアップが表示されることを期待していましたが、それは行われず、代わりにコンソールのエラー。ここで他の人の質問に対する解決策も調べましたが、どれもうまくいかないようです。

Answer 1

これは、onclick を使用したためだと思います。onClick の最初の文字を大文字にして使用する必要があります。

リーリー