Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案

GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案

• • 使用版本
  • 解决方案
  • 解决总结

使用版本

以下是我解决此问题时使用的electron和vue等的一些版本信息

【附】经过测试 electron 的版本为 13.1.4 时也能解决

解决方案

1. 将项目下的 .electron-vue/dev-runner.js 文件打开

2. 定位到第二个 WebpackDevServer
   

3. 将第 69 行的注释打开
   

4. 重启项目即可解决 GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED 报红的问题

解决总结

感觉是因为之前 app.use(hostMiddleware 被注释，因此 webpack-hot-middleware 中间件未能被正常的加载而导致了热部署出现了问题。

当前对 webpack 尚不了解，分析的有问题希望大佬指出。