2016-09-18 2 views
2

store.jsUncaught Typeerror: (0, _store.configureStore) ist keine Funktion

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

const logger = createLogger(); 

const createStoreWithMiddleware = applyMiddleware(logger)(createStore); 

export default function configureStore(initialState) { 
    return createStoreWithMiddleware(rootReducer, initialState); 
} 

index.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import TrackList from './components/TrackList'; 
import {configureStore} from './store'; 
import * as actions from './actions'; 

const tracks = [ 
    { 
    id: 1, 
    title: 'Title 1' 
    }, 
    { 
    id: 2, 
    title: 'Title 2' 
    } 
]; 

const store = configureStore(); 
store.dispatch(actions.setTracks(tracks)); 

ReactDOM.render(
    <TrackList />, 
    document.getElementById('app') 
); 

Ordner src bestehen index.js und store.js

Meldung anzeigen Uncaught TypeError: (0, _store.configureStore) ist keine Funktion wenn F12

Hilfe mich danke

Antwort

2

exportieren Sie eine einzelne Funktion von Ihrem Modul, so sollte Ihr Import sein:

import configureStore from './store'; 

Sie

import {configureStore} from './store'; 

verwenden würden, wenn Ihr Export wie

sehen
export default { 
    configureStore: function(initialState) { 
    return createStoreWithMiddleware(rootReducer, initialState); 
    } 
} 
+0

Thank you very viel, ich bin Neuling Redux, danke nochmal –

+0

Das 'Export Standard {...' am Ende funktioniert eigentlich nicht mehr. Sie müssen nun gemäß den Spezifikationen nach Namen exportieren. Der Export sollte 'Exportfunktion configureStore (initialState) {...}' sein. – DDS

+1

@HieuBui Beachten Sie, dass dies ein ES6-Problem ist, das wirklich nichts mit Redux zu tun hat. – DDS

Verwandte Themen