Обновления в моем приложении React не учитываются на сервере разработки Webpack

Ваша точка входа должна быть просто webpack/hot/dev-server

(webpack/hot/only-dev-server предназначен для случаев, когда вы хотите/нужно выполнить ручную перезагрузку, см. https://github.com/webpack/webpack/issues/418)

Кроме того, вам необходимо указать publicPath (например, output.publicPath) в вашей конфигурации dev. Например:

publicPath: 'http://localhost:8080/'

(Здесь необходим абсолютный путь для изображений в css для работы с исходными картами)

В вашей конфигурации продукта вам все еще нужно что-то здесь, например

publicPath: '/',

Вам также понадобится это в точке входа для работы HMR. (Он будет удален минификацией в prod как его «недостижимый» код)

if (module.hot) {
     module.hot.accept();
}

ОБНОВЛЕНИЕ: Использование вашего репозитория github.

Возможное решение — использовать html-webpack-plugin для обслуживания ваших пакетов. Все, что вам нужно сделать, это установить его с помощью npm и добавить в конфигурацию ваших плагинов:

npm i html-webpack-plugin --save-dev

Применение:

var HtmlWebpackPlugin = require('html-webpack-plugin');

plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new HtmlWebpackPlugin({
        template: './src/client/index.html'
    }),
  ]

Удалите <script src="public/bundle.js" type="text/javascript"></script> из вашего index.html, теперь он будет автоматически добавлен для вас.

Затем откройте http://localhost:8080/, и все должно работать нормально.

Бонус: вы можете использовать html-loader и конфигурацию --inline, чтобы использовать горячую перезагрузку и для html.

npm я html-загрузчик --save-dev

Применение:

{
  test: /\.html$/,
  loader: 'html-loader'        
} 

Затем добавьте его в свой package.json:

"start": "webpack-dev-server --inline --hot"

Объяснение в https://webpack.github.io/docs/webpack-dev-server.html, раздел "Встроенный режим".

Еще одно решение, которое вы можете протестировать, — это использование конфигурации devServer в файле webpack.config.js:

module.exports = {
    devServer: {
        inline: true,
        port: 3333
    },
    ...

Затем я использую publicPath:

publicPath: 'http://localhost:3333/'

И в моем package.json:

"start": "webpack-dev-server --content-base app",

Удалите эти строки из webpack.config.js:

'webpack-dev-server/client?http://0.0.0.0:8080',
'webpack/hot/only-dev-server',

Также вы можете использовать просто «npm start», «run» в этом случае не нужен.

Надеюсь, поможет.