javascript - 类型错误：_store_js__WEBPACK_IMPORTED_MODULE_12__.default.subscribe 不是函数

Question

我有一个主要的 App 组件并正常订阅商店：

class App extends Component {
  constructor(props) {
    super(props)
    this.state = {}
    this.unsubscribe = store.subscribe(() => {
      console.log(store.getState());
      this.setState(store.getState());
    })
  }

  render() {
    return (
      <Provider store={store}>
        <div id="App">
          <MainNavbar />
          <ContentHandler />
          <Footer />
        </div>
      </Provider>
    );
  }
}

如果我store.js只使用根减速器创建商店，一切正常：

const store = createStore(reduceAppState);

不过，如果我将 saga 作为中间件创建它：

    import { createStore } from 'redux'
    import createSagaMiddleware from 'redux-saga'
    import { composeWithDevTools } from 'remote-redux-devtools';
    import reduceAppState from './reducers'

    const sagaMiddleware = createSagaMiddleware()
    const composeEnhancers = composeWithDevTools({trace: true, traceLimit: 25})

    const store = createStore(reduceAppState, undefined, composeEnhancers(
    sagaMiddleware
));

    export default store;

我收到此错误：

这听起来很像一个错误。在谷歌上找不到任何东西。你知道为什么会这样吗？

标签： javascriptreactjsnpmreact-reduxredux-saga

Answer 1

发现问题：我不得不applyMiddleware在 sagaMiddleware 上：

import { createStore, applyMiddleware } from 'redux'
import createSagaMiddleware from 'redux-saga'
import { composeWithDevTools } from 'remote-redux-devtools';
import reduceAppState from './reducers'

const sagaMiddleware = typeof createSagaMiddleware === 'function' ? createSagaMiddleware() : createSagaMiddleware.default()
const composeEnhancers = composeWithDevTools({trace: true, traceLimit: 25})

const store = createStore(reduceAppState, composeEnhancers(
    applyMiddleware(sagaMiddleware)
));

export default store;