React js：TypeError：Object（...）不是函数答案

【问题标题】：React js: TypeError: Object(...) is not a functionReact js：TypeError：Object（...）不是函数
【发布时间】：2020-12-04 04:22:50
【问题描述】：

我试图找出错误是什么，但我无法克服它。下面是错误和代码。

import React from 'react';
import ReactDOM from 'react-dom';
import { App } from './App';
import './index.css';
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 firebaseConfig from './config/fbConfig';


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

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

serviceWorker.unregister();

 TypeError: Object(...) is not a function
     Module../src/index.js
     D:/New folder/JAVASCRIPT/React/reactJS/myProjects/NINJA APP/ninja-app/src/index.js:17
    `
     14 | 
     15 | const store = createStore(rootReducer,
     16 |   compose(
     > 17 |     applyMiddleware(thunk.withExtraArgument({getFirebase, getFirestore})),
     18 |     reduxFirestore(firebaseConfig), 
     19 |     reactReduxFirebase(firebaseConfig)
     20 |   )
    
    `

【问题讨论】：

Ciao，你有没有试过把 Provider 放在 App.js 文件中，而不是放在 index.js 中？

标签： reactjs firebase react-redux react-router react-thunk

【解决方案1】：

TLDR

如果您使用 v3.x.x，v2.x.x 和 v3.x.x 之间存在一些版本迁移问题

回答

据我为您研究。 react-redux-firebase v2.x.x 和 v3.x.x 之间存在一些迁移。我附上了这个参考，希望它对你有帮助:)

如果对你没有帮助，请给我评论！

参考

01.v2.. to v3.. Migration Guide

【讨论】：