Webpack HMR-Timeouts bei einer Manifestanforderung

Question

Ich möchte Webpack HMR mit meiner React-App verwenden. Meine webpack Config sieht wie folgt aus:

var path = require('path'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 
var StyleLintPlugin = require('stylelint-webpack-plugin'); 
var webpack = require('webpack'); 

var extractScss = new ExtractTextPlugin({ filename: '[name].css' }); 
var stylelint = new StyleLintPlugin({ context: './source' }); 

module.exports = { 
    devtool: 'source-map', 
    entry: [ 
    'babel-polyfill', 
    'react-hot-loader/patch', 
    'webpack-dev-server/client?http://localhost:8080', 
    'webpack/hot/only-dev-server', 
    './source/index.js' 
    ], 
    output: { 
    filename: 'index.js', 
    path: path.resolve(__dirname, 'public') 
    }, 
    devServer: { 
    hot: true, 
    contentBase: path.resolve(__dirname, 'public'), 
    publicPath: 'http://localhost:1199/public/', 
    historyApiFallback: true, 
    proxy: { 
     "*": { 
     target: 'http://localhost:1199' 
     } 
    } 
    }, 
    module: { 
    rules: [ 
     { // SCSS 
     test: /\.scss$/, 
     use: extractScss.extract({ 
      use: [ 
      { loader: 'css-loader', options: { sourceMap: true, minimize: true } }, 
      { loader: 'sass-loader', options: { sourceMap: true, includePaths: ['./source/sass'] }}, 
      { loader: 'resolve-url-loader' } 
      ], 
      fallback: 'style-loader' 
     }) 
     }, 
     { // JavaScript 
     test: /\.js$/, 
     use: [ 
      { loader: 'babel-loader', options: { 
      "presets": [["es2015", { "modules": false }], "react" , "stage-0"], 
      "plugins": ["react-hot-loader/babel"] 
      } }, 
      { loader: 'eslint-loader'} 
     ] 
     } 
    ] 
    }, 
    plugins: [ 
    extractScss, 
    stylelint, 
    new webpack.HotModuleReplacementPlugin() 
    ] 
}; 

Alles scheint zu funktionieren, aber wenn ich eine Datei zu ändern, Konsole kehrt

[WDS] App updated. Recompiling... 
[WDS] App hot update... 
[HMR] Checking for updates on the server... 
[HMR] Update failed: Error: Manifest request to bcf31e519ba66d20afbe.hot-update.json timed out. at XMLHttpRequest.request.onreadystatechange (http://localhost:8080/public/index.js:38:22) 

Was soll ich tun?

Answer 1

Webpack 3 hat gerade eine Option zum Konfigurieren des Zeitüberschreitungswerts hinzugefügt https://github.com/webpack/webpack/issues/1700