Модуль не найден: Ошибка: не удается разрешить 'webpack-hot-middleware / client? Path = / __ webpack_hmr & timeout = 20000 & reload = true' при использовании webpack-hot-middleware - PullRequest
Новая
       40

Модуль не найден: Ошибка: не удается разрешить 'webpack-hot-middleware / client? Path = / __ webpack_hmr & timeout = 20000 & reload = true' при использовании webpack-hot-middleware

0 голосов
/ 26 сентября 2018

Я использую webpack-hot-middleware для замены горячего модуля для сценариев JavaScript в пользовательском приложении.Всякий раз, когда я запускаю сервер, я получаю эту ошибку: Модуль не найден: Ошибка: Не удается разрешить 'webpack-hot-middleware / client? Path = / __ webpack_hmr & timeout = 20000 & reload = true'.

Вот мой веб-пакетконфиг, который я компилирую на веб-сервере: 

const path = require('path');

module.exports = {
  mode: 'development',
  devtool: 'source-map',
  entry: [ path.join(__dirname, 'ui/lib/utilities/index.js') , 'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000&reload=true' ],
  output: {
    path: path.join(__dirname, 'ui/dist'),
    filename: '[name].js',
    publicPath: 'http://localhost:3000'
  },
  resolve: {
    extensions: [
      '.js',
    ],
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/, // exclude any and all files in the node_modules folder
        include: path.resolve(__dirname, 'scripts'),
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: ['env', 'es2015'],
              plugins: [
                // OccurrenceOrderPlugin is needed for webpack 1.x only
                new webpack.optimize.OccurrenceOrderPlugin(),
                new webpack.HotModuleReplacementPlugin(),
                // Use NoErrorsPlugin for webpack 1.x
                new webpack.NoEmitOnErrorsPlugin()
              ],
              camelcase: true,
              emitErrors: false,
              failOnHint: false,
            },
          },
          { loader: 'style-loader' },
          { loader: 'css-loader' },
        ],
      },
    ],
  },
};

А вот компиляция в коде сервера: 

  web.use(webpackDevMiddleware(compiler, {
    noInfo: true,
    publicPath: webpackConfig.output.publicPath,
    writeToDisk: true,
    hot: true
  }));
  web.use(require("webpack-hot-middleware")(compiler, {
    log: console.log, path: '/__webpack_hmr', heartbeat: 10 * 1000
  }));
...