Webpack hmr net :: ERR_INCOMPLETE_CHUNKED_ENCODING

当它加载一切正常，hmr正在工作。然后出现这个错误。Webpack hmr net :: ERR_INCOMPLETE_CHUNKED_ENCODING

GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING

这就像webpackdevserver是有点崩溃然后重新启动，它需要几秒钟，然后将HMR重新工作

[HMR] connected

的那么“崩溃”等等......

它似乎我只在Chrome（版本55）（使用mozilla进行测试并且未出现此问题）中遇到此问题。

我可能在我的webpack或node conf中遗漏了一些东西，但在文档中找不到某些东西。

任何想法如何解决这个问题？

//以下所述的的WebPack CONF

const path = require('path'); 
const merge = require('webpack-merge'); 
const TARGET = process.env.NODE_ENV; 
process.env.BABEL_ENV = TARGET; 
const webpack = require('webpack'); 
const NpmInstallPlugin = require('npm-install-webpack-plugin'); 

const PATHS =  { 
    app: path.join(__dirname, 'client'), 
    build: path.join(__dirname, 'build') 
}; 

const common = { 
    entry: { 
     app: [PATHS.app, 'webpack-hot-middleware/client'] 
    }, 

    resolve: { 
     extensions: ['', '.js', '.jsx'] 
    }, 

    output: { 
     path: PATHS.build, 
     filename: 'bundle.js', 
     publicPath: '/' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       loaders: ['style', 'css'], 
       include: PATHS.app 
      }, 
      { 
       test: /\.jsx?$/, 
       loaders:['babel?cacheDirectory=true'], 
       include: PATHS.app 
      } 
     ] 
    } 
}; 

if(TARGET === 'dev' || ! TARGET) { 
    module.exports = merge(common, { 
     // devServer: { 
     // contentBase: PATHS.build, 
     // historyApiFallback: true, 
     // hot: true, 
     // inline: true, 
     // progress: true, 
     // stats: 'error-only', 
     // host: 'http://127.0.0.1/', 
     // port: 3000 
     // }, 
     export: { 
      isDev: true 
     }, 
     plugins: [ 
      new webpack.optimize.OccurrenceOrderPlugin(), 
      new webpack.HotModuleReplacementPlugin(), 
      new webpack.DefinePlugin({ 
       'process.env.NODE_ENV': JSON.stringify('dev') 
      }), 
      new NpmInstallPlugin({ 
       save: true 
      }) 
     ], 
     devtool: 'eval-source-map' 
    }); 
} 

if(TARGET === "build") { 
    module.exports = merge(common, {}); 
}

//路线的NodeJS

this.app.get('/', function(req,res) { 
      res.sendFile(path.join(__dirname, './../../build/index.html')) 
     })

//的index.html

<!DOCTYPE html> 
<html> 
    <head> 
     <title> Ripple Data Analyzer</title> 
    </head> 
    <body> 
     <div id='root'> 
     </div> 
     <script src="bundle.js"></script> 
    </body> 
</html>

//index.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import App from './components/App.jsx'; 

ReactDOM.render(<App/>, document.getElementById('root'));

来源

2017-01-10 François Richard

我也看到这个问题，但我没有明确的服务器超时。也就是说，它只会崩溃一次，然后重新连接。 –