Redux saga error: 'Effects runner is not a function' #193

coderwithattitude · 2019-03-06T22:57:35Z

Hello,
each time i call the saga middleware i keep getting this error

chunk-e922c950.js:167 TypeError: effectRunner is not a function
    at runEffect (redux-saga-core.esm.js:1222)
    at digestEffect (redux-saga-core.esm.js:1289)
    at next (redux-saga-core.esm.js:1179)
    at proc (redux-saga-core.esm.js:1126)
    at eval (redux-saga-core.esm.js:609)
    at immediately (redux-saga-core.esm.js:80)
    at runForkEffect (redux-saga-core.esm.js:608)
    at runEffect (redux-saga-core.esm.js:1222)
    at digestEffect (redux-saga-core.esm.js:1289)
    at eval (redux-saga-core.esm.js:697)
logError @ chunk-e922c950.js:167
end @ redux-saga-core.esm.js:1023
abort @ redux-saga-core.esm.js:837
(anonymous) @ redux-saga-core.esm.js:618
immediately @ redux-saga-core.esm.js:80
runForkEffect @ redux-saga-core.esm.js:608
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
(anonymous) @ redux-saga-core.esm.js:697
runAllEffect @ redux-saga-core.esm.js:696
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
next @ redux-saga-core.esm.js:1179
proc @ redux-saga-core.esm.js:1126
(anonymous) @ redux-saga-core.esm.js:1385
immediately @ redux-saga-core.esm.js:80
runSaga @ redux-saga-core.esm.js:1384
sagaMiddleware.run @ redux-saga-core.esm.js:1445
(anonymous) @ store.js:57
(anonymous) @ store.js:84
./src/store.js @ app.bundle.js?aa4dade6182cb4c30ec6:34896
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ App.js:51
(anonymous) @ App.js:117
./src/App.js @ app.bundle.js?aa4dade6182cb4c30ec6:34346
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ index.js:17
(anonymous) @ index.js:54
./src/index.js @ app.bundle.js?aa4dade6182cb4c30ec6:34620
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ client:3
1 @ app.bundle.js?aa4dade6182cb4c30ec6:34990
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
checkDeferredModules @ app.bundle.js?aa4dade6182cb4c30ec6:46
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:858
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:861
chunk-e922c950.js:168 The above error occurred in task accountsSaga
    created by root
Tasks cancelled due to error:
root
logError @ chunk-e922c950.js:168
end @ redux-saga-core.esm.js:1023
abort @ redux-saga-core.esm.js:837
(anonymous) @ redux-saga-core.esm.js:618
immediately @ redux-saga-core.esm.js:80
runForkEffect @ redux-saga-core.esm.js:608
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
(anonymous) @ redux-saga-core.esm.js:697
runAllEffect @ redux-saga-core.esm.js:696
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
next @ redux-saga-core.esm.js:1179
proc @ redux-saga-core.esm.js:1126
(anonymous) @ redux-saga-core.esm.js:1385
immediately @ redux-saga-core.esm.js:80
runSaga @ redux-saga-core.esm.js:1384
sagaMiddleware.run @ redux-saga-core.esm.js:1445
(anonymous) @ store.js:57
(anonymous) @ store.js:84
./src/store.js @ app.bundle.js?aa4dade6182cb4c30ec6:34896
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ App.js:51
(anonymous) @ App.js:117
./src/App.js @ app.bundle.js?aa4dade6182cb4c30ec6:34346
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ index.js:17
(anonymous) @ index.js:54
./src/index.js @ app.bundle.js?aa4dade6182cb4c30ec6:34620
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ client:3
1 @ app.bundle.js?aa4dade6182cb4c30ec6:34990
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
checkDeferredModules @ app.bundle.js?aa4dade6182cb4c30ec6:46
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:858
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:861
chunk-e922c950.js:167 TypeError: effectRunner is not a function
    at runEffect (redux-saga-core.esm.js:1222)
    at digestEffect (redux-saga-core.esm.js:1289)
    at next (redux-saga-core.esm.js:1179)
    at proc (redux-saga-core.esm.js:1126)
    at eval (redux-saga-core.esm.js:609)
    at immediately (redux-saga-core.esm.js:80)
    at runForkEffect (redux-saga-core.esm.js:608)
    at runEffect (redux-saga-core.esm.js:1222)
    at digestEffect (redux-saga-core.esm.js:1289)
    at eval (redux-saga-core.esm.js:697)
logError @ chunk-e922c950.js:167
end @ redux-saga-core.esm.js:1023
abort @ redux-saga-core.esm.js:837
(anonymous) @ redux-saga-core.esm.js:618
immediately @ redux-saga-core.esm.js:80
runForkEffect @ redux-saga-core.esm.js:608
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
(anonymous) @ redux-saga-core.esm.js:697
runAllEffect @ redux-saga-core.esm.js:696
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
next @ redux-saga-core.esm.js:1179
proc @ redux-saga-core.esm.js:1126
(anonymous) @ redux-saga-core.esm.js:1385
immediately @ redux-saga-core.esm.js:80
runSaga @ redux-saga-core.esm.js:1384
sagaMiddleware.run @ redux-saga-core.esm.js:1445
(anonymous) @ store.js:57
(anonymous) @ store.js:84
./src/store.js @ app.bundle.js?aa4dade6182cb4c30ec6:34896
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ App.js:51
(anonymous) @ App.js:117
./src/App.js @ app.bundle.js?aa4dade6182cb4c30ec6:34346
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ index.js:17
(anonymous) @ index.js:54
./src/index.js @ app.bundle.js?aa4dade6182cb4c30ec6:34620
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ client:3
1 @ app.bundle.js?aa4dade6182cb4c30ec6:34990
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
checkDeferredModules @ app.bundle.js?aa4dade6182cb4c30ec6:46
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:858
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:861
chunk-e922c950.js:168 The above error occurred in task accountBalancesSaga
    created by root
Tasks cancelled due to error:
root
logError @ chunk-e922c950.js:168
end @ redux-saga-core.esm.js:1023
abort @ redux-saga-core.esm.js:837
(anonymous) @ redux-saga-core.esm.js:618
immediately @ redux-saga-core.esm.js:80
runForkEffect @ redux-saga-core.esm.js:608
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
(anonymous) @ redux-saga-core.esm.js:697
runAllEffect @ redux-saga-core.esm.js:696
runEffect @ redux-saga-core.esm.js:1222
digestEffect @ redux-saga-core.esm.js:1289
next @ redux-saga-core.esm.js:1179
proc @ redux-saga-core.esm.js:1126
(anonymous) @ redux-saga-core.esm.js:1385
immediately @ redux-saga-core.esm.js:80
runSaga @ redux-saga-core.esm.js:1384
sagaMiddleware.run @ redux-saga-core.esm.js:1445
(anonymous) @ store.js:57
(anonymous) @ store.js:84
./src/store.js @ app.bundle.js?aa4dade6182cb4c30ec6:34896
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ App.js:51
(anonymous) @ App.js:117
./src/App.js @ app.bundle.js?aa4dade6182cb4c30ec6:34346
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ index.js:17
(anonymous) @ index.js:54
./src/index.js @ app.bundle.js?aa4dade6182cb4c30ec6:34620
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
fn @ app.bundle.js?aa4dade6182cb4c30ec6:150
(anonymous) @ client:3
1 @ app.bundle.js?aa4dade6182cb4c30ec6:34990
__webpack_require__ @ app.bundle.js?aa4dade6182cb4c30ec6:782
checkDeferredModules @ app.bundle.js?aa4dade6182cb4c30ec6:46
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:858
(anonymous) @ app.bundle.js?aa4dade6182cb4c30ec6:861
redux-saga-core.esm.js:1033 Uncaught TypeError: Cannot read property 'forEach' of null
    at end (redux-saga-core.esm.js:1033)
    at Object.abort (redux-saga-core.esm.js:837)
    at eval (redux-saga-core.esm.js:618)
    at immediately (redux-saga-core.esm.js:80)
    at runForkEffect (redux-saga-core.esm.js:608)
    at runEffect (redux-saga-core.esm.js:1222)
    at digestEffect (redux-saga-core.esm.js:1289)
    at eval (redux-saga-core.esm.js:697)
    at Array.forEach (<anonymous>)
    at runAllEffect (redux-saga-core.esm.js:696)

below is my code

rootSaga.js

import { all, fork } from 'redux-saga/effects';
import { drizzleSagas } from 'drizzle';

export default function* root() {
    yield all(
        drizzleSagas.map(saga => fork(saga))
    );
}

store.js

//import createHistory from 'history/createBrowserHistory';
import { createStore, applyMiddleware, compose } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { routerMiddleware } from 'react-router-redux'
import reducer from './reducer';
import rootSaga from './rootSaga';
import createSagaMiddleware from 'redux-saga';
import { generateContractsInitialState } from 'drizzle';
import drizzleOptions from './drizzleOptions';

// instantiate redux devtools to visualize state
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

//const history = createHistory();

// instantiate middleware objects "react-router": "3.2.0",
const routingMiddleware = routerMiddleware(history);
const sagaMiddleware = createSagaMiddleware();

const initialState = {
  contracts: generateContractsInitialState(drizzleOptions)
};

const store = createStore(
    reducer,
    initialState,
    composeEnhancers(
      applyMiddleware(
        thunkMiddleware,
        routingMiddleware,
       sagaMiddleware
    )
  )
);
sagaMiddleware.run(rootSaga);

//export { history };
export { store };

export default store;

please help

The text was updated successfully, but these errors were encountered:

OnlyOneJMJQ · 2019-03-08T19:23:02Z

Transferred because this appears to be a drizzle issue rather than drizzle-react. Please correct me if I'm wrong.

coderwithattitude · 2019-03-11T10:20:19Z

ok thanks

cds-amal · 2019-03-11T18:27:04Z

@coderwithattitude Are you trying to add sagas to drizzle's saga middleware?

coderwithattitude · 2019-03-12T10:10:17Z

@cds-amal yes i am

cds-amal · 2019-03-12T11:44:02Z

@coderwithattitude I'm currently working on a feature branch that allows sagas, and their associated reducers to be passed to Drizzle's generateStore. Please let me know if this helps with your use case.

An example of how it could be used is:

import { generateStore } from 'drizzle'
import drizzleOptions from '../drizzleOptions'
import { put, takeEvery } from 'redux-saga/effects'

const todoReducer = (state = {}, action) => {
  if (action.type === 'TODO') {
    console.log('TODO action', action)
    return action.joke
  }
  return state
}

// Retrieve a todo then dispatch it to store
//
function * fetchTodo() {
  const joke = yield fetch('https://jsonplaceholder.typicode.com/todos/1')
    .then(response => response.json())
    .then(json => json)
  yield put({ type: 'TODO', joke })
}

//  App saga
//
function* appSaga() {
  yield takeEvery('LOOKUP_TODO', fetchTodo)
}

// Register app reducers to be incorporated into drizzle's redux store.
const appReducers = {
  todo: todoReducer
}

// Declare your app has Sagas to be registered
const appSagas = [appSaga]

const store = generateStore({
  drizzleOptions,
  appReducers,
  appSagas,
  disableReduxDevTools: false  // enable ReduxDevTools!
})

// Use the store with DrizzleProvider
export default store

cds-amal · 2019-03-19T13:45:12Z

@coderwithattitude I'm unable to reproduce this issue. Are you using your own redux store with drizzle? Can you share your project/repo?

Ezerous · 2019-03-29T12:32:22Z

This issue seems to be related to https://github.com/trufflesuite/drizzle/issues/168 (getting the same error while attempting to upgrade redux-saga from 0.16.x to 1.0.x).

dangell7 · 2019-04-20T07:04:00Z

@coderwithattitude did you solve this? I just upgraded and got this issue.

cds-amal · 2019-04-20T18:07:59Z

@dangell7 We're working on upgrading this. Redux-saga 1.0 introduced some breaking changes in regards to some effects that have to be accounted for.

cds-amal · 2019-04-29T17:03:51Z

babel-plugin-redux-saga promises to produce better errors

dangell7 · 2019-04-29T20:21:05Z

@cds-amal Are you saying you want me to upgrade and give you the results? Or that maybe its something in my app and not the repo?

cds-amal · 2019-04-29T21:09:43Z

Sorry @dangell7. I left this note to remember to investigate that package when we upgrade to Redux-saga 1.0. I believe the way errors are returned from side-effects can be improved with it.

0xTimepunk · 2019-05-28T09:25:19Z

Hi, to what extent is this issue being clarified? I am getting the same error when trying to combine my redux store with drizzle's store. Front-end project is using redux-saga 1.0.1 dependency.

stale · 2019-07-27T10:24:16Z

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale · 2019-08-03T11:19:18Z

This issue has been closed, but can be re-opened if further comments indicate that the problem persists. Feel free to tag maintainers if there is no reply to further comments.

OnlyOneJMJQ transferred this issue from trufflesuite/drizzle-react-legacy Mar 8, 2019

cds-amal self-assigned this Mar 11, 2019

cds-amal added the awaiting-clarification label Mar 11, 2019

cds-amal added the needs docs Need documentation or tutorial label Mar 19, 2019

cds-amal mentioned this issue Apr 29, 2019

Redux saga updated #221

Closed

stale bot added the wontfix label Jul 27, 2019

stale bot closed this as completed Aug 3, 2019

MrRefactoring mentioned this issue Aug 7, 2019

Web3 update 1.0.0-beta35 -> 1.2.0 #238

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Redux saga error: 'Effects runner is not a function' #193

Redux saga error: 'Effects runner is not a function' #193

coderwithattitude commented Mar 6, 2019 •

edited by adrianmcli

Loading

OnlyOneJMJQ commented Mar 8, 2019

coderwithattitude commented Mar 11, 2019

cds-amal commented Mar 11, 2019

coderwithattitude commented Mar 12, 2019

cds-amal commented Mar 12, 2019 •

edited

Loading

cds-amal commented Mar 19, 2019 •

edited

Loading

Ezerous commented Mar 29, 2019 •

edited

Loading

dangell7 commented Apr 20, 2019

cds-amal commented Apr 20, 2019

cds-amal commented Apr 29, 2019

dangell7 commented Apr 29, 2019

cds-amal commented Apr 29, 2019

0xTimepunk commented May 28, 2019

stale bot commented Jul 27, 2019

stale bot commented Aug 3, 2019

Redux saga error: 'Effects runner is not a function' #193

Redux saga error: 'Effects runner is not a function' #193

Comments

coderwithattitude commented Mar 6, 2019 • edited by adrianmcli Loading

OnlyOneJMJQ commented Mar 8, 2019

coderwithattitude commented Mar 11, 2019

cds-amal commented Mar 11, 2019

coderwithattitude commented Mar 12, 2019

cds-amal commented Mar 12, 2019 • edited Loading

cds-amal commented Mar 19, 2019 • edited Loading

Ezerous commented Mar 29, 2019 • edited Loading

dangell7 commented Apr 20, 2019

cds-amal commented Apr 20, 2019

cds-amal commented Apr 29, 2019

dangell7 commented Apr 29, 2019

cds-amal commented Apr 29, 2019

0xTimepunk commented May 28, 2019

stale bot commented Jul 27, 2019

stale bot commented Aug 3, 2019

coderwithattitude commented Mar 6, 2019 •

edited by adrianmcli

Loading

cds-amal commented Mar 12, 2019 •

edited

Loading

cds-amal commented Mar 19, 2019 •

edited

Loading

Ezerous commented Mar 29, 2019 •

edited

Loading