React项目导入Firebase Firestore提示getFireStore导出不存在报错

报错提示为export 'getFireStore' (imported as 'getFireStore') was not found in 'firebase/firestore'，对应报错截图如下：

触发原因是API拼写错误：Firebase v9+ 模块化SDK中，Firestore的初始化方法为小驼峰命名的getFirestore，代码中将方法名误写为getFireStore（store部分的首字母S错误大写），firebase/firestore包不存在该命名的导出项，因此触发报错。

• 修正导入语句的方法名拼写，将错误的getFireStore替换为正确的getFirestore
• 同步修正方法调用处的拼写，建议将已初始化的Firebase app实例传入方法，避免多实例场景下的初始化异常
• 修改完成后若仍偶发缓存类报错，重启本地React开发服务、清除构建缓存即可正常运行

修正后的firebase.config.js完整代码如下：

import { initializeApp } from 'firebase/app'
import { getFirestore } from 'firebase/firestore'

// 网页应用Firebase配置
const firebaseConfig = {
  // 原有配置项保持不变即可
}

// 初始化Firebase应用
const app = initializeApp(firebaseConfig)
// 初始化Firestore实例并导出
export const db = getFirestore(app)

内容的提问来源于stack exchange，提问作者Emmanuel Akpan