title: localhost node server can't load bundle.js from webpack
body: <p>I'm learning react following <a href="https://medium.com/front-end-developers/handcrafting-an-isomorphic-redux-application-with-love-40ada4468af4#.byjo66oz7" rel="nofollow">Isomorphic App tutorial</a>.</p>
  
  <p>Since i'm really new to react, I strictly followed the tutorial, writing every single script as described. When I launch the server with <code>npm start</code>, the browser on <code>localhost:3000</code> doesn't render the page as expected, showing only the title without the input field and the button for adding a new todo. Opening the Dev Console, comes out that <code>bundle.js</code> can't get loaded and i really can't understand why.</p>
  
  <p>If I point the browser to <code>localhost:3000/home</code>, on the other hand, it renders the input field and the button, but again <code>bundle.js</code> is not loaded, and the "app" doesn't work (i.e. doesn't add a new todo).</p>
  
  <p>i'm new to react, webpack and node, i googled a lot but i really can't get it through, i don't know what's happening. <code>package.json</code> and <code>webpack.config</code> too have been created following the tutorial indications.</p>
  
  <p>I'm banging my head against the wall since a few days, please ease my pain, i beg you :D</p>
  
  <p>here's my config:</p>
  
  <p><code>package.json</code>:</p>
  
  <pre><code>{
    "name": "isomorphic-redux",
    "version": "1.0.0",
    "repository": "https://github.com/bananaoomarang/isomorphic-redux",
    "description": "",
    "main": "index.js",
    "scripts": {
      "start": "NODE_PATH=$NODE_PATH:./shared node --harmony .",
      "dev": "npm run start &amp; webpack-dev-server --progress --color",
      "build": "NODE_ENV=production webpack --progress --color -p --config webpack.prod.config.js"
    },
    "author": "Milo Mordaunt &lt;milomord@gmail.com&gt;",
    "license": "MIT",
    "dependencies": {
      "axios": "^0.7.0",
      "express": "^4.13.3",
      "history": "^1.9.1",
      "immutable": "^3.7.5",
      "object-assign": "^4.0.1",
      "react": "^0.14.0",
      "react-dom": "^0.14.0",
      "react-redux": "^4.0.0",
      "react-router": "1.0.0-rc3",
      "redux": "^3.0.0",
      "webpack": "^1.13.2"
    },
    "devDependencies": {
      "babel": "latest",
      "babel-eslint": "^4.1.2",
      "babel-loader": "^5.3.2",
      "eslint": "^1.4.3",
      "eslint-plugin-react": "^3.3.2",
      "react-hot-loader": "^1.3.0",
      "webpack": "^1.12.1",
      "webpack-dev-server": "^1.11.0"
    }
  }
  </code></pre>
  
  <p><code>webpack.config</code></p>
  
  <pre><code>var path    = require('path');
  var webpack = require('webpack');
  
  module.exports = {
    entry:  [
      'webpack-dev-server/client?http://127.0.0.1:8080/',
      'webpack/hot/only-dev-server',
      './client'
    ],
    output: {
      path:     path.join(__dirname, 'dist'),
      filename: 'bundle.js'
    },
    resolve: {
      modulesDirectories: ['node_modules', 'shared'],
      extensions:         ['', '.js', '.jsx']
    },
    module: {
      loaders: [
        {
          test:    /\.jsx?$/,
          exclude: /node_modules/,
          loaders: ['react-hot', 'babel']
        }
      ]
    },
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin()
    ],
    devtool: 'inline-source-map',
    devServer: {
      hot: true,
      proxy: {
        '*': 'http://127.0.0.1:' + (process.env.PORT || 3000)
      },
      host: '127.0.0.1'
    }
  };
  </code></pre>
  
  <p>the project structure is the following:</p>
  
  <pre><code>client/
  ---index.jsx
  shared/
  ---actions/
  ---components/
  ------...
  ------Home.jsx
  ------index.jsx
  ---reducers/
  ---routes.jsx
  
  index.js
  server.jsx
  package.json
  webpack.config
  .babelrc
  </code></pre>