在同構應用程序中使用redux

Question

我正在嘗試使用react + redux + express創建一個同構/通用應用程序，我在從server.js創建存儲時遇到了一些問題。

在server.js我有：

import { configureStore } from './store/configureStore';
const store = configureStore();

在我的configureStore中：

import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import createLogger from 'redux-logger'
import rootReducer from '../reducers/index';

const createStoreWithMiddleware = applyMiddleware(thunkMiddleware)(createStore);

export default function configureStore(initialState) {
  const store = createStoreWithMiddleware(rootReducer, initialState);

  if (module.hot) {
    // Enable Webpack hot module replacement for reducers
    module.hot.accept('../reducers', () => {
      const nextRootReducer = require('../reducers').default
      store.replaceReducer(nextRootReducer)
    })
  }

  return store;
}

我收到這個錯誤：

TypeError: (0 , _configureStore.configureStore) is not a function

在線：const store = configureStore（）;

為什么？ 我做錯了什么？

如果知道有用，我的目錄結構如下： - src - store ---- configureStore.js - server.js

Answer 1

您正在導出默認值，因此請刪除導入周圍的curlies：

import configureStore from './store/configureStore';

或者，從導出中刪除default並繼續使用curlies。

每當你看到這個錯誤時，通常會導致你導入/導出函數，所以要密切注意這些錯誤，你就會好起來！