Reactjs 对象(…)不是applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore}))的函数错误

Reactjs 对象(…)不是applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore}))的函数错误,reactjs,firebase,redux,react-redux-firebase,Reactjs,Firebase,Redux,React Redux Firebase,我的项目中有一个错误,是我用React/Redux/Firebase工具创建的 当我想用CreateProject react组件添加动态数据时,出现以下错误:× TypeError:对象(…)不是函数 index.js import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import * as serviceWorker from

我的项目中有一个错误,是我用React/Redux/Firebase工具创建的 当我想用CreateProject react组件添加动态数据时,出现以下错误:× TypeError:对象(…)不是函数

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();
谢谢你的帮助

你读了吗?我认为这个问题与您的问题相同,您的问题可以通过链接的答案来解决。

这可能对您有用:

从“React”导入React;
从“react dom”导入react dom;
导入“./index.css”;
从“./App”导入应用程序;
将*作为serviceWorker从“/serviceWorker”导入;
从'redux'导入{createStore,applyMiddleware,compose};
从“./store/reducers/rootReducer”导入rootReducer;
从“react redux”导入{Provider}
从“redux thunk”导入thunk
从“redux firestore”导入{createFirestoreInstance,getFirestore,reduxFirestore}
从“react-redux firebase”导入{ReactRedux FirebaseProvider,getFirebase}
从“./config/fbConfig”导入fbConfig
从“firebase/app”导入firebase
const store=createStore(
减根剂,
谱写(
applyMiddleware(thunk.withExtraArgument({getFirestore,getFirebase})),
reduxFirestore(firebase,fbConfig)
)
);
常数rrfProps={
火基,
config:fbConfig,
调度:store.dispatch,
createFirestoreInstance
};
ReactDOM.render(

.

我也有同样的错误,经过研究,我发现了以下修复方法:

import { ReactReduxFirebaseProvider } from 'react-redux-firebase'
import createReduxStore from './createReduxStore'

const fbConfig = {} // object containing Firebase config
const rrfConfig = { userProfile: 'users' } // react-redux-firebase config

// Initialize firebase instance
firebase.initializeApp(fbConfig)

const store = createReduxStore()

const rrfProps = {
 firebase,
 config: rrfConfig,
 dispatch: store.dispatch,
 // createFirestoreInstance // <- needed if using firestore
}
// Setup react-redux so that connect HOC can be used
const App = () => (
 <Provider store={store}>
 <ReactReduxFirebaseProvider {...rrfProps}>
  <Todos />
 </ReactReduxFirebaseProvider>
</Provider>
);
从'react redux firebase'导入{ReactReduxFirebaseProvider}
从“./createReduxStore”导入createReduxStore
const fbConfig={}//包含Firebase配置的对象
const rrfConfig={userProfile:'users'}//react redux firebase config
//初始化firebase实例
firebase.initializeApp(fbConfig)
const store=createReduxStore()
常数rrfProps={
火基,
配置:rrfConfig,
调度:store.dispatch,
//createFirestoreInstance//(
);

src:

您的代码中应该有一个输入错误。此外,如果您要分派错误操作,请遵循SFA并将错误:true添加到为我工作的操作:)
import { ReactReduxFirebaseProvider } from 'react-redux-firebase'
import createReduxStore from './createReduxStore'

const fbConfig = {} // object containing Firebase config
const rrfConfig = { userProfile: 'users' } // react-redux-firebase config

// Initialize firebase instance
firebase.initializeApp(fbConfig)

const store = createReduxStore()

const rrfProps = {
 firebase,
 config: rrfConfig,
 dispatch: store.dispatch,
 // createFirestoreInstance // <- needed if using firestore
}
// Setup react-redux so that connect HOC can be used
const App = () => (
 <Provider store={store}>
 <ReactReduxFirebaseProvider {...rrfProps}>
  <Todos />
 </ReactReduxFirebaseProvider>
</Provider>
);