npm i firebase现在安装了v9 Modular SDK，因此您无法使用旧的导入。请尝试将代码重构为：

import { initializeApp } from 'firebase/app';

const firebaseConfig = {
  //...
};

const app = initializeApp(firebaseConfig);

如果您想使用旧的语法，请将导入更改为兼容库：

import firebase from "firebase/compat/app"
import "firebase/compat/auth"
import "firebase/compat/firestore"
// other services is needed

您可以在documentation中了解更多信息

应该没有理由降级到版本8，因为版本9提供了完全向后兼容的导入，如果您在模块导入路径前面加上“compat”的话。
使用方法：

import firebase from "firebase/compat/app";
// Other libraries might need to also be prefixed with "compat":
import "firebase/compat/auth";

// Then you can then use the old interface, with version 9:
if (!firebase.apps.length) {
  firebase.initializeApp(clientCredentials);
}

升级注意事项：https://firebase.google.com/docs/web/modular-upgrade

initializeApp已移至最新版本的firebase/应用程序包

所以从firebase/app导入。

最近版本的firebase有很多变化，使用这个-〉

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

const firebaseConfig = {
  ....
};

// 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 };