TypeError: Object(...) 不是函数(匿名函数)

Posted

技术标签:

【中文标题】TypeError: Object(...) 不是函数(匿名函数)【英文标题】:TypeError: Object(...) is not a function (anonymous function) 【发布时间】:2021-01-25 18:52:07 【问题描述】:

初始化 Firestore 时出现问题。 代码如下:

在 store.js 中

    import  combineReducers, compose, createStore  from 'redux';
import firebase from 'firebase';
import 'firebase/firestore';
import  reactReduxFirebase, firebaseReducer  from 'react-redux-firebase';
import  reduxFirestore, firestoreReducer  from 'redux-firestore';

//Reducers

const firebaseConfig = ;

// react-redux-firebase config
  const rrfConfig = 
  userProfile: 'users',
  useFirestoreForProfile: true,
;

//init firebase instance
firebase.initializeApp(firebaseConfig);
//init firestore
const firestore = firebase.firestore();

//adding reactReduxFirebase enhencer
firebase.firestore(); // <- needed if using firestore

const rootReducer = combineReducers(
  firebase: firebaseReducer,
  firestore: firestoreReducer,
);

//create initial state
const initialState = ;
    const store = createStore(
  rootReducer,
  initialState,
  compose(
    reactReduxFirebase(firebase),
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
  )
);
    export default store;

在 App.js 中

import  BrowserRouter as Router, Route, Switch  from 'react-router-dom';
import  Provider  from 'react-redux';
import store from './store';
function App() 
  return (
    <Provider store=store>
      <Router>
        <div className="App">
          <AppNavbar></AppNavbar>
          <Switch>
            <Route exact path="/" component=Dashboard />
          </Switch>
        </div>
      </Router>
    </Provider>
  );


export default App;

这是错误日志 | //创建初始状态 40 | 41 |常量初始状态 = ;

42 |常量存储 = 创建存储( 43 |根减速器, 44 |初始状态, 45 |撰写(reactReduxFirebase(firebase))

感谢任何帮助。

【问题讨论】:

请分享浏览器控制台截图。由于应用程序中的重复功能/组件会出现此问题 这能回答你的问题吗? "TypeError: Object(...) is not a function" react-redux-firebase 【参考方案1】:

问题在于调用reactReduxFirebase,因为它不是一个函数。

我对“react-redux-firebase”包不太熟悉,但似乎是最新版本的this function was removed。

现在建议您将应用包装在 ReactReduxFirebaseProvider 中,而不是将此增强器应用到您的商店。

【讨论】:

以上是关于TypeError: Object(...) 不是函数(匿名函数)的主要内容,如果未能解决你的问题,请参考以下文章

TypeError: Object(...) 不是函数(匿名函数)

TypeError: Object(...) 不是 index.js 上的函数

Angular:错误:未捕获(承诺):TypeError:Object(...)不是函数

TypeError:Object.entries 不是函数

未捕获的 TypeError:Object(...)(...).Class 不是函数

TypeError: Object(...) 不是函数;尝试创建 redux 商店时