title: Module not found: Error: Cannot resolve module 'routes'
body: <p>I'm following Cory House's <a href="https://app.pluralsight.com/player?course=react-redux-react-router-es6&amp;author=cory-house&amp;name=react-redux-react-router-es6-m4&amp;clip=5&amp;mode=live" rel="nofollow noreferrer">pluralsight course</a> on building React in ES6. Unfortunately I'm stuck on one of the first couple steps, setting up the basic components. </p>
  
  <p>In the console I see the following error message: </p>
  
  <pre><code>Warning: [react-router] Location "/" did not match any routes
  </code></pre>
  
  <p>If I look in my dev server I see the following</p>
  
  <blockquote>
    <p>ERROR in ./src/index.js</p>
    
    <p>Warning: [react-router] Location "/" did not match any routes</p>
  </blockquote>
  
  <p>Then below that I see that eslint has kicked out the following error: </p>
  
  <blockquote>
    <p>C:\Projects\es6react\src\index.js (1/0)</p>
    
    <p>✖  5:9  routes not found in './routes'  import/named</p>
  </blockquote>
  
  <p>So this <em>should</em> be pretty straightforward. However, looking at my directory structure, <code>index.js</code> file and <code>routes.js</code> nothing stands out... even after about 30 minutes. </p>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>import 'babel-polyfill';
  import React from 'react';
  import {render} from 'react-dom';
  import {Router, browserHistory} from 'react-router';
  import {routes} from './routes';
  import './styles/styles.css';
  import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
  
  render(
      &lt;Router history={browserHistory} routes={routes} /&gt;,
      document.getElementById('app')
  );
  </code></pre>
  
  <p><strong>routes.js</strong></p>
  
  <pre><code>import React from 'react';
  import {Route,IndexRoute} from 'react-router';
  import App from './components/App';
  import HomePage from './components/home/HomePage';
  import AboutPage from './components/about/AboutPage';
  
  export default(
      &lt;Route path="/" component={App}&gt;
          &lt;IndexRoute component={HomePage} /&gt;
          &lt;Route path="about" component={AboutPage}/&gt;
      &lt;/Route&gt;
  );
  </code></pre>
  
  <p><strong>Directory structure</strong></p>
  
  <p><a href="https://i.stack.imgur.com/h8dWq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h8dWq.png" alt="enter image description here"></a></p>
  
  <p>And just in case my <code>scripts</code> section from my <code>package.json</code>: </p>
  
  <pre><code>  "scripts": {
      "prestart": "babel-node tools/startMessage.js",
      "start": "npm-run-all --parallel open:src lint:watch test:watch",
      "open:src":"babel-node tools/srcServer.js",
      "lint": "node_modules/.bin/esw webpack.config.* src tools",
      "lint:watch": "npm run lint -- --watch",
      "test":"mocha --reporter progress tools/testSetup.js \"src/**/*.test.js\"",
      "test:watch": "npm run test -- --watch"
    },
  </code></pre>