React-routes express-server

I'm learning to work with the rect, when I try to follow the link, I get such errors:

My client.js

import React, { Component } from 'react';
import { render } from 'react-dom';
import App from '../components/first_page/App';
import {Router, Route } from 'react-router';
import { browserHistory } from 'react-router';

class Main extends Component {
    render(){
        return (
          <Router>
            <Route history = {browserHistory}>
                <Route path="/f" component={App}/>
            </Route>
        </Router>
        );
    }
}
render (<Main />, window.document.getElementById('app'))

App.js

import React, { Component } from 'react';
import Bootstrap from 'bootstrap/dist/css/bootstrap.css';
import { Button } from 'react-bootstrap';
class App extends Component{
  render(){
      return (
        <div>
         <Button>Start!</Button>
          <Button>Login!</Button>
        </div>
      );
  }
}
export default App

Server

  var express = require('express');
var path = require('path');
var config = require('../webpack.config.js');
var webpack = require('webpack');


var webpackDevMiddleware = require('webpack-dev-middleware');
var webpackHotMiddleware = require('webpack-hot-middleware');

var app = express()
var compiler = webpack(config);
app.use(webpackDevMiddleware(compiler, {noInfo: true, publicPath: config.output.publicPath}));
app.use(webpackHotMiddleware(compiler));


app.use(express.static(path.resolve(__dirname, './dist')));

app.use('/', function (req, res) {
    res.sendFile(path.resolve('client/index.html'));
});
var port = process.env.PORT || 4000;

app.listen(port, function(error) {
  if (error) throw error;
  console.log("Express server listening on port", port);
});

I tried to pass different tutorials, but always these mistakes are obtained, I will be happy with any help, thanks

via Eywa