Firebase 错误：在“firebase/compat/app”中找不到导出“default”（导入为“firebase”）（模块没有导出）

Question

我最近将 Firebase 升级到 10.12.4，现在出现此错误，不允许我进行编译。

import firebase from 'firebase/compat/app';
import "firebase/compat/auth";
import "firebase/compat/database";
import "firebase/compat/firestore";
import "firebase/compat/storage";


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

firebase.initializeApp(firebaseConfig);

firebase.firestore().settings({ experimentalForceLongPolling: false, cacheSizeBytes: firebase.firestore.CACHE_SIZE_UNLIMITED, merge: true });

export const storage = firebase.storage(); 
export default firebase;

这在过去没有任何问题 - 但我想知道为什么它现在抛出这个错误，以及如何修复它？

Answer 1

根据文档，我可以看到您执行了错误的导入。

要初始化您的 Firebase 应用程序，您可以执行以下操作：

import { initializeApp } from 'firebase/app';

const firebaseConfig = {
  //...
};

const app = initializeApp(firebaseConfig);

检查后，我还可以看到，由于您正在使用

compat

导出，您也可以按以下方式初始化您的应用程序：

import initializeApp from "firebase/compat/app";

const firebaseConfig = {
  //...
};

const app = initializeApp(firebaseConfig);

鉴于此，我想您正在使用 官方 Firebase 库 - 如果您不确定是否可以使用

安装 Firebase 依赖项

npm i firebase

在此处查看完整文档。

希望这有帮助。