React/Redux/Firebase createStore 配置答案

【问题标题】：React/Redux/Firebase createStore ConfigReact/Redux/Firebase createStore 配置
【发布时间】：2019-12-27 20:15:24
【问题描述】：

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

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

截图：

这里是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 上的教程进行操作。

【问题讨论】：

标签： javascript reactjs firebase redux

【解决方案1】：

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

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

从 API 中移除：reactReduxFirebase 存储增强器（firebase 实例现在由上下文提供者创建）

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

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

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

我希望这会有所帮助！

【讨论】：