你应该用这种方式更新导入和代码来使它工作。

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

const firebaseConfig = { // Have the firebase config here
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
};

// Use this to initialize the firebase App
const firebaseApp = firebase.initializeApp(firebaseConfig);

// Use these for db & auth
const db = firebaseApp.firestore();
const auth = firebase.auth();

export { auth, db };

在firebase npm包的文档中，他们说：
如果您正在使用带有--experimental-modules标志的原生ES6模块，您应该执行以下操作：

// This import loads the firebase namespace.
import firebase from 'firebase/app';

// These imports load individual services into the firebase namespace.
import 'firebase/auth';
import 'firebase/database';

所以试试替换
import * as firebase from 'firebase'
与
import firebase from 'firebase/app'
你也可以考虑为react-native https://github.com/invertase/react-native-firebase使用firebase wrapper build，这需要你在文档中描述的额外设置，但是效果更好。

如果您使用的是Version 9，那么不要忘记导入firebase时做了一些更改。现在有一个“compatibility”选项，这样您就可以在导入中使用/compat文件夹。

//to use firebase app
import firebase from 'firebase/app'; //older version
import firebase from 'firebase/compat/app'; //v9

//to use auth
import 'firebase/auth'; //older version
import 'firebase/compat/auth'; //v9

//to use firestore
import 'firebase/firestore'; //Older Version
import 'firebase/compat/firestore'; //v9

试试看：
npm安装--保存firebase

像这样进口

import firebase from 'firebase/compat/app';
import "firebase/storage";

//您的Web应用的Firebase配置

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

//初始化Firebase

const app = !firebase.apps.length
  ? firebase.initializeApp(firebaseConfig)
  : firebase.app();

const db = app.firestore;
const auth = app.auth;
const storage = firebase.storage;

export { auth, db, storage };

请注意，如果您使用的是较新版本的firebase，即〉9.x，那么请使用以下命令：

import firebase from 'firebase/compat/app';