localhost node server can't load bundle.js from webpack
<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>