React Router Fehler

Question

Hey Leute haben Probleme mit Reagieren-Router, ich bekomme dieses unerwartete Token erhalten Sie möglicherweise eine entsprechende Loader, um diesen Dateityp in der Zeile mit <Router history={browserHistory}> zu behandeln. Ich bin mir nicht sicher, was hier vor sich geht, jede Hilfe wäre willkommen!

dank

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; 

.babelrc

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

Answer 1

Dies ist eine Reaktion Router Problem nicht, sondern ist ein Problem mit Ihrem JSX transpilation. Überprüfen Sie Ihre Datei webpack.config.js oder Ihre .babelrc-Datei.