Невозможно GET/error запустить hello world в webpack

Полный проект Github: https://github.com/pbrianmackey/uiexperiment

Я запустил

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

Затем перейдите к http://localhost:8080/, Error

Невозможно GET/

Я думаю, что проблема в неправильной конфигурации webpack. Я проверил файл webpack.config.js и не вижу проблемы. Как я могу это исправить, чтобы получить мой приветственный пример?

Это может быть проблема маршрутизации. Я думаю, что могу использовать этот сайт без реагирования-маршрутизатора, но я мог ошибаться. Ошибок в выпуске веб-пакетов на консоли нет.

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')
);

Ответ 1

Оказывается, у меня был index.html не в том месте. Из веб-страницы docs:

Чтобы загрузить ваши вложенные файлы, вам необходимо создать файл index.html в папке сборки, из которой обслуживаются статические файлы (-content-base опция).

Я сделал копию index.html в новой папке, которую я назвал deployment, чтобы соответствовать тому, что я указал в output.path

Ответ 2

В веб-пакете поместите это:

devServer: {
historyApiFallback: true,
},

Ответ 3

В документации webpack-dev-server есть опция writeToDisk для решения этой проблемы docs. Он будет хранить все файлы на диске, а не в памяти. Пример из моего конфига:

devServer: {
    port: 3000,
    writeToDisk: true,
    proxy: {
        '/': 'http://localhost:8080'
    }
}