Question

我有一个应用程序正在使用express来提供一些API调用和webpack来为服务器中的一些静态资产提供服务。一切正常，直到我将nodemon带入设置。当我使用nodemon运行我的应用程序时，我在React端（客户端）更新文件时出现此错误。

获取http://localhost:3004/__webpack_hmr 净:: ERR_INCOMPLETE_CHUNKED_ENCODING

如果我在没有nodemon的情况下运行我的应用程序，HMR工作正常，所有更新并重新加载React模块。

在我的package.json文件中，我有以下脚本。一个开始工作正常，但是当对React组件进行更改时，使用nodemon的开发人员会导致错误。

  "scripts": {
    "start": "node server/app.js",
    "dev": "nodemon server/app.js",
    "build": "cross-env NODE_ENV=production webpack --config ./webpack/webpack.prod.config.js --progress --colors",
    "heroku-postbuild": "npm run build"
  },

任何可能导致此问题的想法

这是我的webpack配置文件中的入口点。

  entry: [
    `${ROOT_DIR}/js/index`,
    'webpack-hot-middleware/client'
  ]

这是我使用webpackHotMiddleware的webpack设置，我在app.js中调用它并将App传递给它。应用是我的快递服务器。

const webpack = require('webpack');
const webpackDevMiddleware = require('webpack-dev-middleware');
const webpackHotMiddleware = require('webpack-hot-middleware');
const webpackConfig = require('../../webpack/webpack.dev.config.js');
const compiler = webpack(webpackConfig);

const devOptions = {
    noInfo: true,
    publicPath: webpackConfig.output.publicPath,
    stats: { colors: true },
    historyApiFallback: true
}
// WEBPACK MIDDLEEWARE
function setupWebpackMiddleware( app ){
  app.use(webpackHotMiddleware(compiler));
  app.use(webpackDevMiddleware(compiler, devOptions));
}

module.exports = {setupWebpackMiddleware}

使用以下版本。

     "webpack": "^2.2.1"
    "webpack-dev-middleware": "^1.10.0",
    "webpack-dev-server": "~1.16.2",
    "webpack-hot-middleware": "^2.16.1"

使用nodemon时HMR无法正常工作

0 个答案: