意外的令牌反应

Question

所以我想在 Wes Bos 的教程的帮助下学习 react-redux。

一切都很好，直到我推送到 github 并拉入远程服务器。

我认为这可能是节点版本问题。我在节点 ~v5 上运行，服务器是 ~v6。所以我改回v5还是有问题。

import App from './components/app';
import Single from './components/Single';
import PhotoGrid from './components/PhotoGrid';

import { Router , Route , IndexRoute, browserHistory } from 'react-router';

import { Provider } from 'react-redux';
import store, { history } from './store';

const router = (
    <Provider store={store}>
        <Router history={history}>
            <Route path="/" component={App}>
                <IndexRoute component={PhotoGrid}></IndexRoute>
                <Route path="/view/:postId" component={Single}/>
            </Route>
        </Router>
    </Provider>
)
render(router,document.getElementById('root'));

所以我在第 19 行收到错误“意外令牌”。

  18 | const router = (
> 19 |     <Provider store={store}>

我无法弄清楚问题出在哪里？语法或某些库有问题吗？任何建议或帮助都会很棒。

Answer 1

对于面临此问题但仍无法解决的任何人，对我来说问题是缺少 .babelrc 文件。

我刚刚 google 找到并复制粘贴到您的 webpack 配置所在的同一目录中。

因此，不要绞尽脑汁想找出代码中的问题。干杯。

意外的令牌反应

Unexpected token react

router

reactjs

redux

react-redux