导入firebase时反应redux firebase错误,无法导入firebase.如何解决



我正在制作一个项目,在该项目中,我使用firebase进行数据库和身份验证。但是当我的redux存储错误弹出,说我没有正确导入firebase。我完全从firebase的官方文档中复制了要导入的代码,并在redux firebase github页面上进行了反应,但问题似乎仍未解决。请找个人帮忙。这是我的store.js文件:

import { createStore, combineReducers, compose } from "redux";
import { reduxFirestore, firestoreReducer } from "redux-firestore";
import firebase from "firebase/app";
import "firebase/auth";
import "firebase/database";
import "firebase/firestore";
const firebaseConfig = {
apiKey: "myfirebaseAPI",
authDomain: "clientpannelapp-398a6.firebaseapp.com",
projectId: "clientpannelapp-398a6",
storageBucket: "clientpannelapp-398a6.appspot.com",
messagingSenderId: "921527365457",
appId: "1:921527365457:web:7bc3d3b585f64cc2e752d4",
measurementId: "G-NECV93QJ1V",
};
//react-redux-firestore Config Options
const rrfConfig = {
userProfile: "users",
useFirestoreForProfile: true, //Firestore for profile instead of real time db
};
// Initialize firebase instance
firebase.initializeApp(firebaseConfig);
// Initialize Cloud Firestore through Firebase
const firestore = firebase.firestore();
// add reduxFirestore store enhancer to store creator
const createStoreWithFirebase = compose(
reduxFirestore(firebase, rrfConfig) // firebase instance as first argument, rrfConfig as optional second
)(createStore);
// Add Firebase to reducers
const rootReducer = combineReducers({
firestore: firestoreReducer,
});
// Create store with reducers and initial state
const initialState = {};
const store = createStoreWithFirebase(
rootReducer,
initialState,
compose(
reduxFirestore(firebase),
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
)
);
export default store;

以下是显示的错误

ERROR in ./src/store.js 37:88-96
export 'default' (imported as 'firebase') was not found in 'firebase/app' (possible exports: FirebaseError, SDK_VERSION, _DEFAULT_ENTRY_NAME, _addComponent, _addOrOverwriteComponent, 
_apps, _clearComponents, _components, _getProvider, _registerComponent, _removeServiceInstance, deleteApp, getApp, getApps, initializeApp, onLog, registerVersion, setLogLevel)        
@ ./src/App.js 9:0-28 14:11-16
@ ./src/index.js 6:0-24 10:33-36

问题在于const firestore = firebase.firestore()firebase没有firestore((函数,正如上面的错误所说,所以首先将firebase应用程序的初始化分配给一个变量,然后使用'firebase/firestore'中的getFirestore((,并将app作为参数

import {getFirestore} from 'firebase/firestore'
const app = firebase.initializeApp(firebaseConfig);
const firestore = getFirestore(app);

相关内容

最新更新