Tengo la siguiente configuración:
<button type="button" name="button" class="btn btn-danger" onclick="signIn()"> <i class="fa fa-google"></i> Login With Google </button> <script src="js/firebase.js" type="module"></script> <script src="js/custom.js"></script>base de fuego.js
// FIREBASE INITIALIZATION import { initializeApp } from "https://www.gstatic.com/firebasejs/9.3.0/firebase-app.js"; import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.3.0/firebase-analytics.js"; const firebaseConfig = { apiKey: "XXXXXXXX", authDomain: "fir-chat-application-3e442.firebaseapp.com", projectId: "fir-chat-application-3e442", storageBucket: "fir-chat-application-3e442.appspot.com", messagingSenderId: "264006913204", appId: "XXXXXXXX", measurementId: "XXXXXXXX" }; const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app);personalizado.js
function signIn(){ var provider = new firebase.auth.GoogleAuthProvider(); } Cuando hago clic en el botón Login With Google , aparece el siguiente error en la consola:
Uncaught ReferenceError: firebase is not definedRevisé todo una y otra vez, pero parece que no detecto el error. ¿Qué error estoy cometiendo aquí?
Estás mezclando api v8 y v9.
import { GoogleAuthProvider } from "https://www.gstatic.com/firebasejs/9.3.0/firebase-auth.js" const provider = new GoogleAuthProvider(); Edite para demostrar que los scripts de Firebase incluyen GoogleAuthProvider :
<script type="module"> import { GoogleAuthProvider } from "https://www.gstatic.com/firebasejs/9.3.0/firebase-auth.js" console.info(GoogleAuthProvider) </script>