错误类型错误：makeStore 不是函数答案

【问题标题】：ERROR TypeError: makeStore is not a function错误类型错误：makeStore 不是函数
【发布时间】：2020-10-20 20:52:29
【问题描述】：

描述错误

我通过redux创建了一个store并在next中将其放入_app.js但它有错误：

代码

const theme = responsiveFontSizes(createMuiTheme());

const initStore = createStore(
  Reducers,
  initialState,
  applyMiddleware(thunkMiddleware)
);

const _App = withRedux(initStore)(
  class _App extends App {
    static async getInitialProps({ Component, ctx }) {
      let pageProps = {};
      if (Component.getInitialProps) {
        pageProps = await Component.getInitialProps(ctx);
      }

      return { pageProps };
    }

    constructor(props) {
      super(props);
    }

    componentDidMount() {
      fonts();
      const jssStyles = document.querySelector("#jss-server-side");
      if (jssStyles && jssStyles.parentNode) {
        jssStyles.parentNode.removeChild(jssStyles);
      }
    }

    render() {
      const { Component, pageProps, store } = this.props;

      return (
        <React.Fragment>
          <Head>
            <title>Doctor Finder</title>
            <meta
              name="viewport"
              content="minimum-scale=1, initial-scale=1, width=device-width"
            />
          </Head>
          <ThemeProvider theme={theme}>
            {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
            <CssBaseline />
            <Provider store={store}>
              <Component {...pageProps} />
            </Provider>
          </ThemeProvider>
        </React.Fragment>
      );
    }
  }
);

export default _App;

错误

/!\ 您正在使用旧版实现。请更新您的代码：使用 createWrapper() 和 wrapper.withRedux()。

TypeError: makeStore 不是函数

非常感谢！！

【问题讨论】：

标签： react-redux react-hooks next.js

【解决方案1】：

不确定 withRedux api 是什么，但根据错误，它似乎需要一个函数，但您正在向它传递一个对象 (initStore)。

尝试将 initStore 更改为以下内容：

const initStore = () => createStore(
  Reducers,
  initialState,
  applyMiddleware(thunkMiddleware)
);

【讨论】：