Firebase函数导入失败:React项目中getFireStore无法找到
解决Firebase Firestore导入错误:
export 'getFireStore' was not found 问题核心是函数名拼写错误:Firebase v9+ 模块化API中,获取Firestore实例的正确函数名是getFirestore(最后一个store的s为小写),你代码中写成了getFireStore(大写S),导致无法匹配到正确的导出项。
修正后的完整配置代码:
// Importing functions from packages import { initializeApp } from "firebase/app"; // 修正拼写:getFirestore(小写s) import { getFirestore } from 'firebase/firestore' // Boilerplate API setup const firebaseConfig = { apiKey: process.env.apiKey, authDomain: process.env.authDomain, projectId: process.env.projectID, storageBucket: process.env.storageBucket, messagingSenderId: process.env.messagingSenderID, appId: process.env.appID, measurementId: process.env.measurementID }; // Initialize Firebase const app = initializeApp(firebaseConfig); // 同步修正函数调用 export const db = getFirestore(app);
额外提示:
- 从错误信息的
possible exports列表里可以直接看到正确的函数名,遇到类似导出找不到的问题,优先核对列表里的名称大小写和拼写。 - React项目中,自定义环境变量需要以
REACT_APP_开头(比如REACT_APP_API_KEY)才能被Create React App识别,否则process.env会读取不到对应值,建议检查你的环境变量命名规则。
内容的提问来源于stack exchange,提问作者Danny Chen
相关产品推荐
相关产品推荐

