Erreur Firebase : solution de contournement nécessitant des options (app/no-options) lors du déploiement sur un hébergement sans source

Question

J'essaie d'implémenter une connexion Google de base sur une simple page HTML, mais pour une raison quelconque, cela ne fonctionne pas et me donne l'erreur dans l'en-tête. Il s'agit simplement de la fonctionnalité de connexion contextuelle de base que vous pouvez trouver dans la documentation Firebase. J'ai un bouton

Connectez-vous avec Google Il s'agit d'un bouton Bootstrap de base avec un attribut onclick qui appelle signinwithpopup

const auth = getAuth();
  signInWithPopup (auth, fournisseur)
    .then((résultat) => {
      // Cela vous donnera un jeton d'accès Google. Vous pouvez l'utiliser pour accéder à l'API Google.
      const credential = GoogleAuthProvider.credentialFromResult(result);
      const jeton = credential.accessToken ;
      // Informations sur l'utilisateur de connexion.
      const utilisateur = résultat.utilisateur ;
      // Utilisez getAdditionalUserInfo(result) pour obtenir les données IdP
      //...
    }).catch((erreur) => {
      // Gère les erreurs.
      const errorCode = erreur.code;
      const errorMessage = erreur.message;
      // L'email du compte utilisateur à utiliser.
      const email = erreur.customData.email;
      //Le type AuthCredential utilisé.
      const credential = GoogleAuthProvider.credentialFromError(erreur);
      //...
    });
J'ai essayé d'ajouter l'application const dans la constante d'authentification mais rien n'a fonctionné, j'espère que quelqu'un pourra m'aider !
const auth = getAuth(app);
J'essaie d'ajouter un fournisseur d'authentification Google à l'aide de l'authentification Firebase. J'ai donc suivi les instructions de la documentation et je m'attendais à voir une simple fenêtre contextuelle me demandant quel compte Google utiliser, mais il ne l'a pas fait et lance à la place une erreur dans la console. J'ai également examiné ici des solutions aux questions d'autres personnes, mais aucune ne semble fonctionner. 

Answer 1

Je pense que c'est parce que vous utilisez onclick et que vous devez utiliser onClick avec la première lettre en majuscule.

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