React Router error

Question

hey guys having trouble with react-router, i keep getting this unexpected token you may need an appropriate loader to handle this file type on the line with <Router history={browserHistory}>. im not sure what is going on here any help would be appreciated!

thanks

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

could you share your webpack.config?

Sivadass N
– Sivadass N

2017-03-11 16:16:53 +00:00
Commented Mar 11, 2017 at 16:16 — Sivadass N
– Sivadass N, Commented Mar 11, 2017 at 16:16
just added those files @SivadassN

jordan
– jordan

2017-03-11 18:01:01 +00:00
Commented Mar 11, 2017 at 18:01 — jordan
– jordan, Commented Mar 11, 2017 at 18:01
@jordan can you try loader: 'babel-loader'

Gerard Banasig
– Gerard Banasig

2017-03-12 02:31:44 +00:00
Commented Mar 12, 2017 at 2:31 — Gerard Banasig
– Gerard Banasig, Commented Mar 12, 2017 at 2:31

Tyler McGinnis · Accepted Answer · 2017-03-11 16:40:09Z

1

This isn't a React Router issue but instead is an issue with your JSX transpilation. Check your webpack.config.js file or your .babelrc file.

answered Mar 11, 2017 at 16:40

Tyler McGinnis

35.4k16 gold badges75 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Router error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related