webpack无法热加载(__webpack_hmr 502)

Posted 面包大虾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack无法热加载(__webpack_hmr 502)相关的知识,希望对你有一定的参考价值。

最近本地开发项目代码一直无法热加载,于是就抽空想办法解决

 

我们线上的地址是:https://aitest.ichuanyi.com/ai-admin/#/  其实ai-admin是线上的一个目录

所以本地就用地址:https://local.ichuanyi.com/ai-admin/#/  来开发,用nginx反向代理来实现,但是发现加了ai-admin就无法热加载,不加ai-admin是正确的,

但是公司前端项目较多,不可能用多个域名,无法记住,都是用这种目录的方式来管理的,具体的解决办法如下

 

修改 dev-client.js中的这行代码就行,修改path为你对应的域名就行

var hotClient = require(‘webpack-hot-middleware/client?path=http://local.ichuanyi.com/ai-admin/__webpack_hmr&noInfo=true&reload=true‘)

 

注: webpack版本 3.6.0

以上是关于webpack无法热加载(__webpack_hmr 502)的主要内容,如果未能解决你的问题,请参考以下文章

Webpack + postcss + 主题 + 热加载

VUE+WEBPACK3 项目热更新速度优化

Webpack 无法加载字体 (ttf)

webpack配置热更新

Webpack中无法加载babel ES6解析

webpack+express实现“热更新”和“热加载”