SvelteKit-Firebase 身份验证与 Firebase 谷歌身份验证代码不起作用

Question

import { firebase, initializeApp } from 'firebase/app'
import { GoogleAuthProvider } from 'firebase/auth'
import 'firebase/auth'

const firebaseConfig = {
    apiKey: "xxx",
    authDomain: "xxx",
    databaseURL: "xxx",
    projectId: "xxx",
    storageBucket: "xxx",
    messagingSenderId: "xxx",
    appId: "xxx",
    measurementId: "xxx"
  };


firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();
const provider = new GoogleAuthProvider();

我编写的代码是在我的网络应用程序中实现 google 身份验证。但它不起作用。它抛出错误：

The requested module '/node_modules/.vite/firebase_app.js?v=e56c4a7d' does not provide an export named 'firebase'
SyntaxError: The requested module '/node_modules/.vite/firebase_app.js?v=e56c4a7d' does not provide an export named 'firebase'

Answer 1

您正在使用 Firebase 模块化 SDK，但也使用名称空间语法。尝试重构代码如下所示：

import { firebase, initializeApp } from 'firebase/app'
import { getAuth, GoogleAuthProvider } from 'firebase/auth'

const firebaseConfig = {...};

const app = initializeApp(firebaseConfig);

const provider = new GoogleAuthProvider();
export const auth = getAuth(app);

documentation 包含两种语法的示例。