ルータルータのエラー

Question

反応ルータに問題があります。私はこの予想外のトークンを取得し続けています。<Router history={browserHistory}>の行でこのファイルタイプを処理するには適切なローダが必要です。私はここで何が起こっているのかわからないので、助けていただければ幸いです！

{ 
"presets": ["es2015", "react"] 
} 

Answer 1

.babelrc

おかげ

import React from 'react' 
import ReactDOM from 'react-dom' 
import { Router, Route, browserHistory } from 'react-router' 
import Products from './Products' 
import Home from './Home' 

document.addEventListener('DOMContentLoaded', function() { 
ReactDOM.render(
    <Router history={browserHistory}> 
    <Route path="/" component={Home} /> 
    <Route path="/" component={Products} /> 
    </Router>, document.getElementById('mount') 
); 
}); 

webpack.config

var path = require('path'); 

var config = { 
    context: path.join(__dirname, 'src/js'), 
    entry: [ 
    './main.js', 
    ], 
    output: { 
    path: path.join(__dirname, 'www'), 
    filename: 'bundle.js', 
    }, 
    module: { 
    loaders: [ 
    { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loaders: ['babel'], 
    }, 
    ], 
    }, 
    resolve: { 
     root: [ 
     path.join(__dirname, 'node_modules'), 
    ], 
    }, 
    }; 
    module.exports = config; 

これが反応ルータの問題ではありませんが、代わりにあなたのJSXのtranspilationの問題です。 webpack.config.jsファイルまたは.babelrcファイルを確認してください。