Ошибка Webpack — webpack-hot-middleware только для первого изменения / сохранения

#javascript #webpack #hot-module-replacement

#javascript #webpack #горячая замена модуля

Вопрос:

Я использую конфигурацию веб-пакета с голыми костями, основанную на документации webpack. В настоящее время я получаю две ошибки и одно предупреждение всякий раз, когда я сохраняю изменения. Эти ошибки и предупреждения возникают только один раз вместе после внесения первого изменения. Однако продолжающиеся изменения / сохранения в моих файлах .js не вызывают никаких ошибок или предупреждений. Кто-нибудь знает, как устранить приведенные ниже ошибки / предупреждения, узнать, что их вызывает и вызовет ли это проблемы в дальнейшем развитии?

Ошибки / предупреждение (pastebin, потому что Stackoverflow не нравится отступ ошибок):

https://pastebin.com/qEbF2nRs

Версия изображения:

введите описание изображения здесь

Мой код (pastebin, потому что Stackoverflow не нравится отступ чего-то, но я не могу его найти, и это сводит меня с ума):

https://pastebin.com/kkrAnfyW

Вот мой server.js

 const express = require("express");
const webpack = require("webpack");
const webpackDevMiddleware = require("webpack-dev-middleware");
const webpackHotMiddleware = require("webpack-hot-middleware");

// App Setup
const app = express();
// Compiler Setup
const config = require("./webpack.config.js");
const compiler = webpack(config);

// Make express use webpack dev/hot middleware   webpack.config
app.use(webpackDevMiddleware(compiler, {publicPath: config.output.publicPath,}));
app.use(webpackHotMiddleware(compiler));

// Server Listen
app.listen(3000, function () {console.log("Example app listening on port 3000!n");});
 

Структура папок:

введите описание изображения здесь