Firebase錯誤：在不透過原始程式碼部署到託管時需要提供選項（app/no-options）的解決方法

Question

我正在嘗試在一個簡單的HTML頁面上實現基本的Google登錄，但由於某種原因它無法工作，並給我顯示標題中的錯誤。這只是在Firebase文件中可以找到的基本彈出式登入功能，我有一個按鈕

這是一個帶有onclick屬性的基本Bootstrap按鈕，用來呼叫signinwithpopup

const auth = getAuth();
  signInWithPopup(auth, provider)
    .then((result) => {
      // 這將給你一個Google存取權杖。你可以用它來存取Google API。
      const credential = GoogleAuthProvider.credentialFromResult(result);
      const token = credential.accessToken;
      // 登入使用者資訊。
      const user = result.user;
      // 使用getAdditionalUserInfo(result)可以取得IdP數據
      // ...
    }).catch((error) => {
      // 處理錯誤。
      const errorCode = error.code;
      const errorMessage = error.message;
      // 使用的使用者帳戶的電子郵件。
      const email = error.customData.email;
      // 使用的AuthCredential類型。
      const credential = GoogleAuthProvider.credentialFromError(error);
      // ...
    });

我嘗試在auth常數中加入const app，但沒有任何作用，希望有人能幫忙！ const auth = getAuth(app);

我嘗試使用Firebase身份驗證來添加Google身份驗證提供程序，所以我按照文檔說明進行操作，並期望看到一個簡單的彈出式視窗詢問我要使用哪個Google帳戶，但它沒有這樣做，而是在控制台中拋出了一個錯誤。我還查看了其他人在這裡提出的問題的解決方案，但似乎沒有一個解決方案起作用。

Answer 1

我認為，這是因為你使用了onclick，而應該使用首字母大寫的onClick。

<button class="w-100 btn btn-lg btn-success" id="g_sign" onClick="signInWithPopup">使用Google登录</button>