Uncaught TypeError: Providing your root Epic to createEpicMiddleware(rootEpic)

Question

我遇到了这个错误

Uncaught TypeError: Providing your root Epic to createEpicMiddleware(rootEpic) is no longer supported, instead use epicMiddleware.run(rootEpic)

当简单地使用

import 'rxjs'
import { createStore, combineReducers, applyMiddleware } from 'redux'
import { reducer as formReducer } from 'redux-form'
import thunk from 'redux-thunk'
import promise from 'redux-promise-middleware'
import { createEpicMiddleware, combineEpics } from 'redux-observable'

import app from './app'

// Bundling Epics
const rootEpic = combineEpics(
)

// Creating Bundled Epic
const epicMiddleware = createEpicMiddleware(rootEpic)

// Define Middleware
const middleware = [
  thunk,
  promise(),
  epicMiddleware
]

// Define Reducers
const reducers = combineReducers({
  form: formReducer
})

// Create Store
export default createStore(reducers,window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(), applyMiddleware(...middleware))

请帮忙解决这个问题

Answer 1

嗯，你试过了吗：

import { epicMiddleware, combineEpics } from 'redux-observable'
const epicMiddleware = epicMiddleware.run(rootEpic)

?

Answer 2

试试这个

import 'rxjs'
import { createStore, combineReducers, applyMiddleware } from 'redux'
import { reducer as formReducer } from 'redux-form'
import thunk from 'redux-thunk'
import promise from 'redux-promise-middleware'
import { createEpicMiddleware, combineEpics } from 'redux-observable'

import app from './app'

// Bundling Epics
const rootEpic = combineEpics(
)

// Creating Bundled Epic
const epicMiddleware = createEpicMiddleware();

// Define Middleware
const middleware = [
  thunk,
  promise(),
  epicMiddleware
]

// Define Reducers
const reducers = combineReducers({
  form: formReducer
})

// Create Store
const store = createStore(reducers,window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(), applyMiddleware(...middleware))
epicMiddleware.run(rootEpic);
export default store

官方文档createEpicMiddleware.

Answer 3

首先，看一下这个文档：Official Redux-Observable Document因为我们使用的是最新版本的 Redux-Observable，所以查看它的文档非常有帮助。

看完文档，我们来看一个小示例项目（Counter app）：

这是 root.js 文件，其中包含捆绑后的我的 Epics 和 Reducers。

// This is a sample reducers and epics for a Counter app.
import { combineEpics } from 'redux-observable';
import { combineReducers } from 'redux';


import counter, {
  setCounterEpic,
  incrementEpic,
  decrementEpic
} from './reducers/counter';

// bundling Epics
export const rootEpic = combineEpics(
  setCounterEpic,
  incrementEpic,
  decrementEpic
);

// bundling Reducers
export const rootReducer = combineReducers({
  counter
});

这是 store.js 我在使用之前定义商店的地方。

import { createStore, applyMiddleware } from 'redux';
import { createEpicMiddleware } from 'redux-observable';
import { rootEpic, rootReducer } from './root';
import { composeWithDevTools } from 'redux-devtools-extension';

const epicMiddleware = createEpicMiddleware();

const middlewares = [
  epicMiddleware
]

const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(middlewares))
);

epicMiddleware.run(rootEpic);

export default store;

为了成功实施redux-observable，我们必须遵守这个命令：

使用 createEpicMiddleware() 方法创建 epicMiddleware
使用applyMiddleware()方法注册epicMiddleware（redux-devtools-extension可选）
用我们之前创建的 rootEpic 调用 epicMiddleware.run()。

这是来自 Redux-Observable 文档的说明

有关更多信息，您可以在此处找到：：Setting Up The Middleware:

Uncaught TypeError: Providing your root Epic to createEpicMiddleware(rootEpic)

Uncaught TypeError: Providing your root Epic to createEpicMiddleware(rootEpic)

javascript

reactjs

redux-thunk

react-redux