React router + webpack, sub routes not working
<p>I am trying to set up my routers for my app, and have the basic / entry point working (seemingly). It seems when I try to start adding sub routes, it is breaking. I have a pretty straight forward set up right now. I am using react + redux and my render looks like :</p>

<pre><code> ReactDOM.render(
&lt;Provider store={store}&gt;
     &lt;Router history={browserHistory} &gt;
        &lt;Route path="/" component={comp1.Component}&gt;
            &lt;Route path="test" component={comp2.Component} /&gt;
        &lt;/Route&gt;
    &lt;/Router&gt;
&lt;/Provider&gt;,
// eslint-disable-next-line no-undef
document.getElementById('app')
);
</code></pre>

<p>I am running webpack dev server on localhost:8080, and it serves the first route with no problem, however when I go to localhost:8080/test, I am getting a <code>Cannot GET /test</code> . </p>

<p>Here is my webpack config: </p>

<pre><code>var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'eval',
  entry: [
    'webpack-dev-server/client?http://localhost:3000',
    'webpack/hot/only-dev-server',
    './client/app.jsx'
  ],
  output: {
    path: path.join(__dirname, ''),
    filename: 'bundle.js',
    publicPath: '/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.optimize.DedupePlugin(),
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('production')
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ],
   module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: "babel-loader",
      include: __dirname,
      query: {
        presets: [ 'es2015', 'react', 'react-hmre' ]
      }
    }]
  }
}
</code></pre>

<p>Unsure what I am doing wrong here, would be grateful for any help. Thanks!</p>