Vue.js net :: ERR_INCOMPLETE_CHUNKED_ENCODING Webpack错误

Question

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

Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING

:8080/__webpack_hmr

所有内容似乎都运行正常，但在更新所有内容后，我仍然会看到此错误，并想知道这是否是我需要注意的事项。

另外，我想清除任何不必要的错误。

Answer 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。

Answer 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模板。