Réagir+Redux - Erreur non Interceptée: le réducteur être une fonction

J'ai essayé de simples réagir,redux,ajax exemple de travail et de suivi Reddit API tutorial, mais je ne peux pas créer de magasin et obtenez l'erreur:

Uncaught Error: Expected the reducer to be a function.

index.jsx

...

import { createStore, applyMiddleware } from 'redux'
var thunkMiddleware = require('redux-thunk');
var createLogger = require('redux-logger');
var rootReducer = require('./reducers.js');

        const loggerMiddleware = createLogger();

        function configureStore(initialState) {
            return createStore(
                rootReducer,
                initialState,
                applyMiddleware(
                    thunkMiddleware,
                    loggerMiddleware
                )
            )
        }

        const store = configureStore();

...

rootReducer.js

import { combineReducers } from 'redux';

function products(state = {
    isFetching: false,
    didInvalidate: false,
    items: []
}, action) {
    switch (action.type) {
        case 'REQUEST_PRODUCTS':
            return Object.assign({}, state, {
                isFetching: true,
                didInvalidate: false
            })
        case 'RECEIVE_PRODUCTS':
            return Object.assign({}, state, {
                isFetching: false,
                didInvalidate: false,
                items: action.posts,
                lastUpdated: action.receivedAt
            })
        default:
            return state
    }
}

function specialPosts(state = { }, action) {
    switch (action.type) {
        case RECEIVE_SPECPOSTS:
        case REQUEST_SPECPOSTS:
            return Object.assign({}, state, {
                req: true
            })
        default:
            return state
    }
}

const rootReducer = combineReducers({
    products,
    specialPosts
});

export default rootReducer;

Réagir+Redux - Erreur non Interceptée: le réducteur être une fonction

Type de rootReducer est l'objet, mais pourquoi? Dois-je changer createStore fonction de rootReducer.default?

return createStore(
    rootReducer.default,
    initialState,
    applyMiddleware(
        thunkMiddleware,
        loggerMiddleware
     )
)

paquet.json

"redux-logger": "^2.6.1",
"react-redux": "^4.4.1",
"react-redux-provide": "^5.2.3",
"redux": "^3.3.1",
"redux-thunk": "^2.0.1",

mauvais code. J'ai déjà édité.
J'ai besoin de rootReducer var rootReducer = require('./reducers.js').default;

OriginalL'auteur Matt | 2016-04-02

3
```
const rootReducer = combineReducers({
    products,
    specialPosts
});

const store = createStore( rootReducer, applyMiddleware( thunkMiddleware ));
```
L'état initial est alors créé automatiquement à partir de l'état initial renvoyé par la personne réducteur de fonctions. Chacun de ces états peut être accédé comme state.products et state.specialPosts

peut-être ajouter une explication de ce que votre train de changer?
vous pourriez avoir besoin d'ajouter plus d'explications à donner un sens à d'autres qui cherche résolution similaire.

OriginalL'auteur Tom
8

Le problème était dû à rootReducer importés par "l'exigent" (ES5):
```
var rootReducer = require('./reducers.js');
```
Si vous l'importer via l'ES6 méthode, il va enregistrer correctement l'rootReducer.js par défaut automatiquement dans rootReducer comme prévu:
```
import rootReducer from './reducers';
```
Je vois que vous êtes de mélange ES5 (exiger) et ES6 (importation) dans ce fichier...j'ai mixé dans mon projet, c'est pourquoi j'ai rencontré ce problème. Plus d'informations peuvent être trouvées ici: https://medium.com/@kentcdodds/misunderstanding-es6-modules-upgrading-babel-tears-and-a-solution-ad2d5ab93ce0#.2x2p2dx3m

OriginalL'auteur Mike Lambert

rootReducer

/* index.js */

import AppReducer from './reducers';
//import {AppReducer} from './reducers';
//bugs : must be a root reducer, can not be use as a module









/* reducers.js */ 

//initial state
const initialState = {
    angular: 0,
    react: 0,
    vuejs: 0
};


//reducers update state 
const AppReducers = (state = initialState, action) => {
    switch (action.type) {
        case 'VOTE_ANGULAR':
            console.log("Vote Angular!");
            return (
                Object.assign(
                    {}, 
                    state, 
                    {
                        angular: state.angular + 1
                    }
                )
            );
        case 'VOTE_REACT':
            console.log("Vote React!");
            return (
                Object.assign(
                    {}, 
                    state, 
                    {
                        react: state.react + 1
                    }
                )
            );
        case 'VOTE_VUEJS':
            console.log("Vote Vue.jsc!");
            return (
                Object.assign(
                    {}, 
                    state, 
                    {
                        vuejs: state.vuejs + 1
                    }
                )
            );
        default:
            return state;
    }
};

export {AppReducers};
export default AppReducers;

import {AppReducer} from './reducers'; sera d'erreur!

OriginalL'auteur

0

J'utilise VS Code Initiés et parfois, les modifications ne sont pas enregistrées correctement. Donc, si vous avez suivi tous les ci-dessus et l'erreur est encore d'y aller à chaque fichier et appuyez sur CTRL+S. Il a résolu le problème pour moi.

OriginalL'auteur Matthis Kohli

Lorsque vous créez magasin premier argument doit être une fonction qui signifie réduire(()=>[]) paramètre

Erreur:

import {createStore,applyMiddleware} from 'redux';


export default function configureStore(initialState) {
  return createStore(
    [],
    {},
    applyMiddleware()
  );
}

Solution:

import {createStore,applyMiddleware} from 'redux';


export default function configureStore(initialState) {
  return createStore(
    ()=>[],
    {},
    applyMiddleware()
  );
}

OriginalL'auteur KARTHIKEYAN.A

Vous devez vous connecter pour publier un commentaire.