Отладка ошибки «слишком много рекурсии» при попытке применить обновление к компоненту Vue с помощью горячей замены модуля через веб-пакет

Question

Я пытаюсь включить горячую замену модуля в проекте, и у меня возникает ошибка, когда веб-пакет пытается отправить обновление.

Он собирается без ошибок, но когда он пытается асинхронно отправить обновление, выдается ошибка too much recursion. При взгляде на исходный код автоматически вставляется код веб-пакета, который выдает ошибку. Это функция, которая запускает цикл:

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

Я потратил как можно больше кода в этом репозитории Github для отладки установки.

Спасибо за помощь!

Answer 1

Я разобрался с проблемой.

Флаги в package.json конфликтовали с настройками веб-пакета. Чтобы исправить это, я изменил команду hmr на `" hmr ":" webpack-dev-server --config webpack.local.js ".