Estoy tratando de aprender Firebase porque soy nuevo en esto. Estoy tratando de seguir la documentación. Sin embargo, la consola siempre muestra algún error.

 <button type="button" name="button" class="btn btn-danger" onclick="signIn()">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.4.0/firebase-app.js"; import { GoogleAuthProvider } from "https://www.gstatic.com/firebasejs/9.4.0/firebase-auth.js"; var firebaseConfig = { apiKey: "XXXXXXXXXXXXXXXX", authDomain: "XXXXXXXXXXXXXXXX", databaseURL: "https://XXXXXXXXXXXXXXXX.firebaseio.com", projectId: "XXXXXXXXXXXXXXXX", storageBucket: "XXXXXXXXXXXXXXXX.appspot.com", messagingSenderId: "XXXXXXXXXXXXXXXX", appId: "XXXXXXXXXXXXXXXX" } const app = initializeApp(firebaseConfig);

personalizado.js

 async function signIn(){ // Sign in using a popup. const provider = new GoogleAuthProvider(); provider.addScope('profile'); provider.addScope('email'); const result = await signInWithPopup(auth, provider); // The signed-in user info. const user = result.user; // This gives you a Google Access Token. const credential = provider.credentialFromResult(auth, result); const token = credential.accessToken; }

Cuando hago clic en el botón aparece este error

 Uncaught (in promise) ReferenceError: GoogleAuthProvider is not defined

Revisé mis códigos una y otra vez pero no pude localizar el error. ¿Qué debería hacer ahora?