webpack-dev-server is setting wrong path for root localhost:8080
<p>I'm real beginner in ReactJS. I need you help to set up webpack-dev-server for localhost:8080.
I'm following this <a href="https://www.youtube.com/watch?v=AtKh6tp44Ck&amp;list=PLLnpHn493BHFfs3Uj5tvx17mXk4B4ws4p&amp;index=9" rel="nofollow">YouTube Tutorial</a> to set it up, but I can't get success yet while in the tutorial its working. it sets root path as <em>../node_module/.bin</em> and listed me files in it. It should set root as "react-for-everyone".</p>

<p>See <a href="http://i.stack.imgur.com/XbscG.png" rel="nofollow">Image</a> to check file hierarchy, browser and command for the webpack-dev-server.</p>

<p>package.json:</p>

<pre><code>    {
  "name": "react-for-everyone",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies":{
      "babel-core": "^6.1.*",
      "babel-loader": "^6.2.*",
      "babel-preset-es2015": "^6.16.*",
      "babel-preset-react": "^6.16.*",
      "webpack": "^1.13.*",
      "webpack-dev-server": "^1.16.*"
  },
  "dependencies":{
      "react": "^15.3.*",
      "react-dom": "^15.3.*"
  }
}
</code></pre>

<p>webpack-config.js:</p>

<pre><code>module.exports ={
//  entry:'./src/App.js',
    entry: [
    'webpack-dev-server/client?http://localhost:8080',
    'webpack/hot/only-dev-server',
    './src/App.js'
    ],
    output: {
        path: path.resolve(__dirname, "react-for-everyone"),
        filename: 'app.js',
        publicPath: 'http://localhost:8080'
    },
    devServer: {
        contentBase: "./react-for-everyone",
    },
    module:{

        loader:[{
            test: "/\.jsx?$/",
            exclude: /node_modules/,
            loader: "babel",
            query: {
                preset: ['es2015', 'react']
            }
        }]
    }
};
</code></pre>

<p>index.html:</p>

<pre><code>    &lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div id="app"&gt;This is an App.&lt;/div&gt;
&lt;script src="app.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Kindly check and let me know the issues where I'm doing wrong.</p>