尝试通过 webpack 使用热模块替换将更新应用于 Vue 组件时调试 'too much recursion' 错误

Question

我正在尝试在项目中启用热模块替换，但当 webpack 尝试推送更新时，我运行遇到了错误。

它构建时没有错误，但是当它尝试异步推送更新时，抛出了 too much recursion 错误。查看源代码时，是 webpack 的自动注入代码引发了错误。这是触发循环的函数：

function webpackHotUpdateCallback(chunkId, moreModules) {
  hotAddUpdateChunk(chunkId, moreModules);
  if (parentHotUpdateCallback) parentHotUpdateCallback(chunkId, moreModules);
};

我已经尽可能多地删除了 this Github repository 中的代码以调试设置。

感谢您的帮助！

Answer 1

我找到问题了。

package.json 中的标志与 webpack 设置冲突。为了解决这个问题，我将 hmr 命令更改为 `"hmr": "webpack-dev-server --config webpack.local.js".

尝试通过 webpack 使用热模块替换将更新应用于 Vue 组件时调试 'too much recursion' 错误

Debugging a 'too much recursion' error when trying to apply an update to a Vue component using hot module replacement via webpack

webpack

vuejs2

webpack-dev-server

hot-module-replacement