reactjs - 如何纠正 Redux 商店中的 React-Redux-Firebase 错误

Question

我正在尝试使用以下代码在 Redux 商店中实现 React-Redux-Firebase：

store.js

import { applyMiddleware, compose, createStore } from 'redux';
import reducers from 'store/reducers';
import thunk from 'redux-thunk';
import { reduxFirestore, getFirestore } from 'redux-firestore';
import { reactReduxFirebase, getFirebase } from 'react-redux-firebase';
import AppConfig from 'my-app/AppConfig';

const composeEnhancers =
  typeof window === 'object' &&
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;

const enhancer = composeEnhancers(
  applyMiddleware(thunk.withExtraArgument({ getFirebase, getFirestore })),
  reduxFirestore(AppConfig.fbConfig),
  reactReduxFirebase(AppConfig.fbConfig),
);

const store = createStore(reducers, enhancer); // this line generates the error message

export default store;

显然，这条线：

const store = createStore(reducers, enhancer);

引发以下错误消息：

错误：v2.0.0-beta 及更高版本需要传递 firebase 应用实例或 firebase 库实例。查看迁移指南了解详细信息。

谁能帮我理解这个错误信息的含义？我该如何解决？

Answer 1

不要上课。像这样使用它：

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

var config = {
  apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxx",
  authDomain: "xxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  databaseURL: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  projectId: "xxxxxxxxxxxxxxxxxxxxxx",
  storageBucket: "xxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  messagingSenderId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
};
firebase.initializeApp(config);

  export default firebase;