无法GET /在Webpack中运行hello world时出错

Question

完整的Github项目：https://github.com/pbrianmackey/uiexperiment

我跑步

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

然后转到http://localhost:8080/，错误

无法获取/

我认为问题是webpack的配置错误。我检查了webpack.config.js文件，但没有发现问题。我该如何解决这个问题，以便得到我的世界示例？

也可能是路由问题。我想我可以在没有react-router的情况下使用该网站，但是我可能是错的。控制台上的webpacks输出中没有错误。

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

原来我在错误的位置放置了index.html。从Webpack docs：

要加载捆绑的文件，您需要创建一个index.html文件在提供静态文件的build文件夹中（--content-base选项）。

我在一个名为deployment的新文件夹中制作了index.html的副本，以匹配我在output.path中指定的内容。>

Answer 2

在webpack-dev-server文档中，有writeToDisk选项可以解决此问题docs。它将所有文件而不是内存存储在磁盘上。我的配置示例：

Answer 3

放入webpack放在这里：