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

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

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

使用版本

以下是我解决此问题时使用的electron和vue等的一些版本信息
Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案_第1张图片
【附】经过测试 electron 的版本为 13.1.4 时也能解决

解决方案

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

  2. 定位到第二个 WebpackDevServer
    Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案_第2张图片

  3. 将第 69 行的注释打开
    Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案_第3张图片

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

解决总结

感觉是因为之前 app.use(hostMiddleware 被注释,因此 webpack-hot-middleware 中间件未能被正常的加载而导致了热部署出现了问题。
当前对 webpack 尚不了解,分析的有问题希望大佬指出。

你可能感兴趣的:(electron,vue.js,webpack)