Невозможно загрузить webpack-hot-client при изменении файла

Question

По какой-то причине я не могу получить webpack-hot-loader за работой. Вот как я это использую:

const bodyParser = require('body-parser')
const cors = require('cors')
const express = require('express')
const webpack = require('webpack')
const webpackDevMiddleware = require('webpack-dev-middleware')
const webpackHotClient = require('webpack-hot-client')

const config = require('config')
const errorOnHtml = require('scripts/utils/httpServer/errorOnHtml')
const paths = require('scripts/utils/paths')
const runEntrypoint = require('scripts/utils/runEntrypoint')
const trackRequest = require('scripts/utils/httpServer/azureAppInsights')
const webpackDevMiddlewareConfig = require('config/webpackMiddleware/dev')
const { webpackDevelopClientConfig } = require('config/webpack')

const webpackCompiler = webpack(webpackDevelopClientConfig)

webpackHotClient(webpackCompiler)

const httpServerConfig = express()

httpServerConfig
.use(
  webpackDevMiddleware(
    webpackCompiler,
    {
      publicPath: (
        webpackDevelopClientConfig
        .publicPath
      ),
    }
  )
)

.all('*', runEntrypoint('app.server'))

module.exports = () => httpServerConfig

Другая функция фактически запускает сервер Express в другом файле.

Я вижу, что Webpack Hot Client включен и работает, но изменение файлов не приводит к обновлениям. Я замечаю перестройку Webpack, но Webpack Hot Client ничего не делает.

Answer 1

Похоже, мне нужно было установить пользовательский порт.

Здесь не показан другой сервер WebSocket, подключенный к этому экземпляру Express. Похоже, что webpack-hot-client не работает должным образом без указания пользовательского порта.