热模块更换不适用于Laravel Mix和Vagrant

Question

我正在尝试使热模块更换与Laravel mix和Vagrant一​​起使用。我的JS / CSS是在主机上编译的，并且网站从Vagrant框运行。 I have followed the instructions here。我正在跑步

npm run hot

在主机上。当我更改JS / CSS文件时，将编译文件。正确的网址似乎是在网站中生成的。当我查看页面源代码时，我看到：

<script src="//localhost:8080//js/min/myfile.min.js"></script>

这将正确返回脚本（即使其中有两个斜杠）。但是HMR仍然无法正常工作，并且在控制台中出现了这些错误：

[WDS]已断开连接！

无效的主机/来源标题

我如何让HMR为Vagrant工作？

Answer 1

在scripts的package.json部分中，禁用对run脚本的主机检查

"hot": "cross-env NODE_ENV=development 
node_modules/webpack-dev-server/bin/webpack-dev-server.js
--inline --hot --disable-host-check 
--config=node_modules/laravel-mix/setup/webpack.config.js",

因为Laravel网站托管在其他主机上，并且webpack开发服务器发出了该安全标记

希望这会有所帮助