2017-01-10 137 views
4

當它加載一切正常,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')); 
+0

我也看到這個問題,但我沒有明確的服務器超時。也就是說,它只會崩潰一次,然後重新連接。 –

回答

0

真正的原因是,我把我的setTimeout節點服務器上

server.timeout = 100; 
1

我建議你更新的Node.js到最新的LTS版本,因爲這是固定在8.1.0版本節點的bug(不肯定版)

sudo s 8.9.1(Linux)的

1

傢伙,我建議您更新節點版本,這與節點link 問題,但輕鬆解決你的問題,按照此步驟: node -v sudo npm cache clean -f sudo npm i n -g sudo n stable node -v 見你;)