反應路由器錯誤

嘿傢伙有反應路由器的問題，我不斷收到這個意想不到的令牌，你可能需要一個合適的加載程序來處理這個文件類型與<Router history={browserHistory}>一致。即時通訊不知道這裏發生了什麼，任何幫助將不勝感激！反應路由器錯誤

感謝

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"] 
}

來源

2017-03-11 jordan

你能分享你的webpack.config嗎？ –

剛剛添加這些文件@SivadassN – jordan

@jordan你可以嘗試** loader：'babel-loader'** –

這不是一個陣營路由器的問題，而是與您的JSX transpilation的問題。檢查你的webpack.config.js文件或你的.babelrc文件。

來源

2017-03-11 16:40:09

反應路由器錯誤

回答

相關問題