title: React Router Cannot resolve module
body: <p>Getting this error...</p>
  
  <p>EDIT routes.js to reflect changes</p>
  
  <blockquote>
    <p>ERROR in ./app/config/routes.js
    Module not found: Error: Cannot resolve module 'react-rounter' in /Users/sam/Desktop/battle/app/config
     @ ./app/config/routes.js 2:19-43</p>
  </blockquote>
  
  <p>I have webpack and react - react-dom - react-router - babel, etc all installed into my npm packages.  When I run npm start I get the above error.  Here are my package.json / webpack config / router.js files </p>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>{
    "name": "battle",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "production": "webpack -p",
      "start": "webpack-dev-server"
    },
    "author": "Sam Schaefer &lt;smmschaefer@gmail.com&gt;",
    "license": "ISC",
    "dependencies": {
      "react": "^15.4.0",
      "react-dom": "^15.4.0",
      "react-router": "^3.0.0"
    },
    "devDependencies": {
      "babel-core": "^6.18.2",
      "babel-loader": "^6.2.8",
      "babel-preset-react": "^6.16.0",
      "html-webpack-plugin": "^2.24.1",
      "webpack": "^1.13.3",
      "webpack-dev-server": "^1.16.2"
    }
  }
  </code></pre>
  
  <p><strong>webpack.config</strong></p>
  
  <pre><code>var HtmlWebpackPlugin = require('html-webpack-plugin')
  var HTMLWebpackPluginConfig = new HtmlWebpackPlugin({
    template: __dirname + '/app/index.html',
    filename: 'index.html',
    inject: 'body'
  });
  
  module.exports = {
    entry: [
      './app/index.js'
    ],
    output: {
      path: __dirname + '/dist',
      filename: "index_bundle.js"
    },
    module: {
      loaders: [
        {test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
      ]
    },
    plugins: [HTMLWebpackPluginConfig]
  };
  </code></pre>
  
  <p><strong>routes.js</strong></p>
  
  <pre><code>var React = require('react');
  var ReactRouter = require('react-router');
  var Router = ReactRouter.Router;
  var Route = ReactRouter.Route;
  var IndexRoute = ReactRouter.IndexRoute;
  var Main = require('../components/Main');
  var Home = require('../components/Home');
  
  var routes = (
      &lt;Router&gt;
          &lt;Route path='/' component={Main}&gt;
              &lt;Route path='/home' component={Home} /&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;
  );
  
  module.exports = routes;
  </code></pre>
  
  <p>Thanks for any help.</p>