时间戳

首页 > 解决方案 > react-redux-firebase: TypeError: Object(...) is not a function

reactjs - react-redux-firebase: TypeError: Object(...) is not a function

问题描述

我正在尝试使用 firestore 创建一个简单的 Web 应用程序。由于某种原因，我收到上述错误。有人可以解释什么可能是错的吗？以及如何解决它？我正在使用 react-redux-firebase 2.2.6。

index.js 文件

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import { createStore, applyMiddleware, compose } from "redux";
import rootReducer from "./store/reducers/rootReducer";
import { Provider } from "react-redux";
import thunk from "redux-thunk";
import { reduxFirestore, getFirestore } from "redux-firestore";
import { reactReduxFirebase, getFirebase } from "react-redux-firebase";

import fbConfig from "./config/fbConfig";

const store = createStore(
  rootReducer,
  compose(
    applyMiddleware(
      thunk.withExtraArgument({
        getFirebase,
        getFirestore
      })
    ),
    reduxFirestore(fbConfig),
    reactReduxFirebase(fbConfig)
  )
);

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById("root")
);

serviceWorker.unregister();

fbConfig.js 文件。出于安全原因，已删除详细信息，我保证在尝试运行代码时提供了所有有效凭据。

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


var fbConfig = {
    apiKey: //API KEY HERE,
    authDomain: //authDomain here,
    databaseURL: ,
    projectId: ,
    storageBucket: ,
    messagingSenderId: ,
    appId: ,
    measurementId: 
};
firebase.initializeApp(fbConfig);
firebase.firestore().settings({ timestampsInSnapshots: true });

export default firebase;

标签： reactjsfirebasereduxreact-reduxreact-redux-firebase

解决方案

此问题与最新版本的 react-redux-firebase 有关。为了解决它，我安装了以前的版本。具体是 2.8.1 版。现在工作正常

推荐阅读