React store.getState не является функцией
Вот мой код:
store.js
import {createStore, applyMiddleware, compose} from 'redux';
import {fromJS} from 'immutable';
import {routerMiddleware} from 'react-router-redux';
import createSagaMiddleware from 'redux-saga';
import createReducer from './reducers';
const sagaMiddleware = createSagaMiddleware();
export default function configureStore(initialState = {}, history) {
// Create the store with two middlewares
// 1. sagaMiddleware: Makes redux-sagas work
// 2. routerMiddleware: Syncs the location/URL path to the state
const middlewares = [sagaMiddleware, routerMiddleware(history)];
const enhancers = [applyMiddleware(...middlewares)];
const store = createStore(createReducer, fromJS(initialState), enhancers);
// Extensions
store.runSaga = sagaMiddleware.run;
store.asyncReducers = {}; // Async reducer registry
return store;
}
Routes.js
import React from 'react';
import {Route, Router, IndexRoute, browserHistory} from 'react-router';
import {syncHistoryWithStore} from 'react-router-redux';
import store from './store';
import Welcome from './containers/Welcome';
const history = syncHistoryWithStore(browserHistory, store);
const routes = (
<Router history={history}>
<Route path="/">
<IndexRoute component={Welcome} />
</Route>
</Router>
);
export default routes;
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {browserHistory} from 'react-router';
import { Providers } from 'react-redux';
import configureStore from './store';
import routes from './routes';
const initialState = {};
const store = configureStore(initialState, browserHistory);
ReactDOM.render(
<Provider store={store}>
{routes}
</Provider>, document.getElementById('main-content')
);
Я не могу найти, где виновник. Я попытался отладить его, но не могу найти, что действительно делает эту ошибку. error: Uncaught TypeError: store.getState не является функцией
Любое решение?
Ответы
Ответ 1
Обратите внимание, что в вашем Routes.js
store
не инициализируется должным образом. Вы должны добавить следующие строки:
const initialState = {};
const store = configureStore(initialState, browserHistory);
как в вашем файле index.js
.
Ответ 2
Я делал это (требуется динамическое).
const store = require('../store/app')
state = store.getState()
но по какой-то причине при использовании require
вместо import
вам нужно это сделать.
const store = require('../store/app')
state = store.default.getState()
Ответ 3
Это опечатка, которая вызвала ошибку: TypeError: store.getState is not a function
Неправильный
const store = createStore(()=>[], {}, applyMiddleware);
Правильный
const store = createStore(()=>[], {}, applyMiddleware());
Обратите внимание на добавленную скобку ()
на applyMiddleware
.
Ответ 4
Не уверен, что это поможет, но вы назвали свой импорт {Провайдеры} вместо {Поставщика} из библиотеки react-redux.