2017-01-10 31 views
4

ロードするとすべてが正常でhmrが機能しています。その後、このエラーが表示されます。 webpackdevserverはちょっと再起動後、クラッシュしているようWebpack hmr net :: ERR_INCOMPLETE_CHUNKED_ENCODING

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

それはだ、それはその後、HMRが再び

[HMR] connected 

ようにし、「クラッシュ」とを働いている数秒かかります...

それ私はこの問題がChrome(バージョン55)(mozillaでテストされており、この問題は表示されません)でしかないようです。

ウェブパックやノードconfに何かが見当たらなかったかもしれませんが、ドキュメントに何かが見つかりません。

これを修正する方法はありますか?

// WebPACKのconfにBELOW

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

本当の理由は、私は私は、これはバージョン8.1.0で修正されたノードのバグ(ではないので、あなたが、最新のLTS版へのNode.jsを更新することをお勧め

server.timeout = 100; 
1

私のノードサーバ上のsetTimeoutを置くということでした)Linux用(

sudo s 8.9.1)バージョンがわから

1

ガイ、私はあなたのノードのバージョンが更新示唆、これはノードlink の問題ですが、この手順に従って、簡単にあなたの問題を解決するために: node -v sudo npm cache clean -f sudo npm i n -g sudo n stable node -v See you;)

関連する問題