Реактивная маршрутизация дает неожиданную ошибку токена

Question

Я пытаюсь создать маршруты для моего приложения React с помощью компонента router-router. Но когда я строю свой проект с помощью веб-пакета, я получаю сообщение об ошибке:

ERROR in ./app/js/client.jsx Module build failed: Error: Parse Error: Line 22: Unexpected token <

Маршруты находятся в моем файле client.jsx, который выглядит так:

'use strict';

var React = require('react');
var Router = require('react-router-component');
var Locations = Router.Locations;
var Location = Router.Location;
var {MainPage} = require('./components/views/app.jsx');

var App = React.createClass({
  render: function() {
    return (
      <Locations>
        <Location path="/" handler={MainPage} />
      </Locations>
    )
  }
})

React.render(React.createElement(App), document.body)

Я не уверен, что я делаю не так здесь. Любая помощь будет оценена. Дайте мне знать, если вам нужно больше информации. Спасибо!

Изменить: моя конфигурация webpack выглядит следующим образом:

webpack: {
  client: {
    entry: __dirname + '/app/js/client.jsx',
    output: {
      path: 'build/',
      file: 'bundle.js'
    },
    module: {
      loaders: [
      {
        test: /\.jsx$/,
        loader:'jsx-loader'
      }]
    }
  },
  test: {
    entry: __dirname + '/test/client/test.js',
    output: {
      path: 'test/client/',
      file: 'bundle.js'
    },
    module: {
      loaders: [
      {
        test: /\.jsx$/,
        loader:'jsx-loader'
      }]
    }
  },
  karma_test: {
    entry: __dirname + '/test/karma_tests/test_entry.js',
    output: {
      path: 'test/karma_tests/',
      file: 'bundle.js'
    },
    module: {
      loaders: [
      {
        test: /\.jsx$/,
        loader:'jsx-loader'
      }]
    },
    background: true
  }
},

Вы можете увидеть полный проект здесь: https://github.com/mrbgit/short-stories/tree/add-category-age

Answer 1

Не используйте деструктуризацию для MainPage переменная, поскольку этот файл экспортирует только класс React. Это должно выглядеть так

var MainPage = require('./components/views/app.jsx');