Verwenden Sie Redux in einer isomorphen App

Question

Ich versuche, eine isomorphe/universelle App mit react + redux + express zu erstellen, und ich habe einige Probleme, den Speicher von server.js zu erstellen.

In server.js ich habe:

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

In meinem 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; 
} 

Und ich bekomme diese Fehlermeldung:

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

on line: const store = configureStore ();

Warum? was mache ich falsch?

Wenn nützliche Know sein kann, ist meine Verzeichnisstruktur wie folgt aus: - src - store ---- configureStore.js - server.js

Answer 1

Sie sind ein Standardwert Export so entfernen Sie die curlies um Ihren Import:

import configureStore from './store/configureStore'; 

Alternativ die default von Export entfernen und weiterhin curlies verwenden.

Immer wenn Sie diesen Fehler sehen, ist es normalerweise Ursache dafür, wie Sie Funktionen importieren/exportieren, also achten Sie genau auf diese und Sie werden gut gehen!