-routeur réagiront Redux: build Module échoué: SyntaxError: jeton inattendu ... Réducteurs

Question

//app.js 
import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Provider } from 'react-redux'; 
import { createStore, combineReducers, applyMiddleware } from 'redux'; 
import createHistory from 'history/createBrowserHistory'; 
import { Route } from 'react-router'; 

import { ConnectedRouter, routerReducer, routerMiddleware, push } from 'react-router-redux'; 

import App from './components/app.js'; 
import reducers from './reducers'; 

const history = createHistory(); 
const middleware = routerMiddleware(history); 

// Add the reducer to your store on the `router` key 
// Also apply our middleware for navigating 
const store = createStore({ 
    ...reducers, 
    router: routerReducer 
    }, 
    applyMiddleware(middleware) 
); 

const About =() => { 
    return (<div> 
    Will this work? 
    </div>); 
} 

ReactDOM.render(
    <Provider store={store}> 
    <ConnectedRouter history={history}> 
     <div> 
     <Route exact path="/" component={App}/> 
     <Route path="/about" component={About}/> 
     </div> 
    </ConnectedRouter> 
    </Provider> 
    , document.querySelector('#app')); 

Voici mon Réducteurs/code index.js.

//reducers/index.js 
import { combineReducers } from 'redux'; 
import { mobileLinks } from './reducer_header'; 
import UserDetailsReducer from './reducer_user_details'; 

const rootReducer = combineReducers({ 
    mobileLinks, 
    userDetails: UserDetailsReducer 
}); 

export default rootReducer; 

Que dois-je faire pour résoudre ce problème? Je suis incapable de trouver des exemples pour la nouvelle version de react-router-redux. J'ai essayé de déplacer le routeurReducer à reducers/index.js mais cela n'a pas fonctionné non plus. Puis-je avoir une aide s'il vous plait?

Answer 1

Probablement que vous n'avez pas configuré Babel pour transpiler le Object Spread Operator, vous pouvez lire dessus here.

Vous pouvez simplement installer Babel "reste l'objet de transformation répartis" prédéfinie comme ceci: npm install --save-dev babel-plugin-transform-object-rest-spread

et l'ajouter à votre liste de plugins:

{ 
    "plugins": [ 
     // Other plugins... 
     "transform-object-rest-spread" 
    ] 
}