javascript - React/Redux/Firebase createStore 配置

Question

当我尝试npm start 我的项目时，我在终端上没有看到任何错误。我是 react-redux-firebase 的新手。这是我使用浏览器看到的错误:

TypeError: Object(...) is not a function

截图:

这是index.js的代码:

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
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 })),
    reactReduxFirebase(firebaseConfig),
    reduxFirestore(firebaseConfig)
  )
);

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

我不确定哪里出了问题，我只是按照 YouTube 上的教程进行操作。

Answer 1

也许那个 YouTube 教程已经过时了。我可以重现您的问题，我想这是因为 compose 中代码中的 reactReduxFirebase(firebaseConfig) 行而发生的。

在官方文档中 - 说明有 breaking changes - 其中包含他们删除了 reactReduxFirebase，请阅读如下:

Removed from API: reactReduxFirebase store enhancer (firebase instance is now created by context providers)

在 VSCode 中，IntelliSense 显示 reactReduxFirebase 现在是一个命名空间，而不是一个函数:

因此，正如迁移指南中提到的那样，也许您可​​以尝试删除该行并将该存储增强器替换为 ReactReduxFirebaseProvider。

有关更多信息，请阅读并关注 Change Snippets文档的一部分。分步示例非常详细。

希望对您有所帮助!