Vue.js net::ERR_INCOMPLETE_CHUNKED_ENCODING Webpack 错误答案

【问题标题】：Vue.js net::ERR_INCOMPLETE_CHUNKED_ENCODING Webpack errorVue.js net::ERR_INCOMPLETE_CHUNKED_ENCODING Webpack 错误
【发布时间】：2017-11-20 04:44:45
【问题描述】：

在 Chrome 58.0.3029 上使用 Vue.js 2.3.4 进行开发时，我在开发人员工具控制台中不断收到此错误：

Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING

:8080/__webpack_hmr

一切似乎都正常，但在更新所有内容后，我仍然看到这个错误，想知道这是否是我需要注意的事情。

另外，我想清除所有不必要的错误。

【问题讨论】：

我对 nodejs 8 + vuejs 2.3.4 + chrome 58.0.30.29 有同样的问题。我必须在启动时解决有关某些 npm 版本的问题。但我似乎无法修复加载资源失败的问题。它可能来自 NodeJS 8 (github.com/glenjamin/webpack-hot-middleware/issues/210)（他们在 2 天前进行了修复，因此它可能适用于最新的 nodejs

标签： javascript webpack console vue.js chunked-encoding

【解决方案1】：

在 webpack 模板存储库中有一个 pull request to fix this，但在撰写本文时尚未合并。

我已经在几个项目中实施了 PR 中的修复，它似乎工作正常。

在build/dev-server.js 中，将heartbeat: 2000 添加到传递给require('webpack-dev-middleware') 的选项对象中，因此它最终看起来像：

var hotMiddleware = require('webpack-hot-middleware')(compiler, {
  log: () => {},
  heartbeat: 2000
})

编辑：似乎 newer identical PR 刚刚被接受/合并。

【讨论】：

【解决方案2】：

var hotMiddleware = require('webpack-hot-middleware')(compiler, {
  log: () => {},
  heartbeat: 2000
})

为我工作，还有这个：

var hotMiddleware = require('webpack-hot-middleware')(compiler, {
  log: false,
  heartbeat: 2000
})

您必须再次运行npm run dev 命令。

感谢#Jack Barham

注意：我使用的是 PWA 模板。

【讨论】：