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();

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

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 Modular 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);

文档中有两种语法的示例。