Cannot GET / error running hello world in webpack

Question

Full Github project: https://github.com/pbrianmackey/uiexperiment

I run

webpack-dev-server --content-base deployment/

Then go to http://localhost:8080/, Error

Cannot GET /

I think the problem is a misconfiguration of webpack. I checked by webpack.config.js file and don't see a problem. How can I fix this so I get my hello world example?

It could be a routing problem too. I think I can use this website without react-router, but I could be wrong. There are no errors in webpacks output on the console.

index.js

import "babel-polyfill";//for flipping IE import $ from 'jquery'; import jQuery from 'jquery'; var App = require('./app'); var React = require('react'); var ReactDOM = require('react-dom')  var Hello = React.createClass({   render: function() {     return <div>Hello {this.props.name}</div>;   } });  ReactDOM.render(   <Hello name="World" />,   document.getElementById('container') ); 

Answer 1

Turns out I had index.html in the wrong place. From the webpack docs:

To load your bundled files, you will need to create an index.html file in the build folder from which static files are served (--content-base option).

I made a copy of index.html in a new folder I called deployment to match what I specified in the output.path

Answer 2

In the webpack.config.js put this :

devServer: {   historyApiFallback: true, }