Attempted import error: '@firebase/app' does not contain a default export (imported as 'e')

Question

我想为我的 React 应用启用 firestore。

import firebase from 'firebase/app';
import 'firebase/firestore';

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

firebase.initializeApp(firebaseConfig);

export const db = firebase.firestore();

export default firebase;

当我尝试将 firebase 导入如下组件时

import firebase from 'fbconfig';

我收到错误消息：

Failed to compile.

./node_modules/@firebase/firestore/dist/esm5/index.js
Attempted import error: '@firebase/app' does not contain a default export (imported as 'e').

我浏览器上显示的错误是

Failed to compile

./node_modules/@firebase/firestore/dist/esm5/index.js
Attempted import error: '@firebase/app' does not contain a default export (imported as 'e').

This error occurred during the build time and cannot be dismissed.

如何解决这个问题？

Answer 1

在我的例子中，我使用了under solution。我更改 “firebase/app” -> “firebase/compat/app”。这解决了问题。由于firebase版本，出现了这个问题

// 从 'firebase/app' 导入 firebase； //旧版本

从 'firebase/compat/app' 导入 Firebase； //v9

Attempted import error: '@firebase/app' does not contain a default export (imported as 'e')

Attempted import error: '@firebase/app' does not contain a default export (imported as 'e')

firebase

reactjs

react-bootstrap

google-cloud-firestore