我正在建一个webpack-5型样板.我的电脑和手机连接到同一个wi网络。自动重装和热重装在我的电脑上很好。我可以访问Webpack在手机上生成的网站,但当我做出改变时,它不会在手机上自动重新加载。
devServer: {
before: function (app, server) {
server._watch('./src/html/**/*.html');
},
port: 8000,
hot: true,
host: '0.0.0.0',
open: true,
public: '127.0.0.1:8000',
}发布于 2022-06-24 16:40:25
尝试使用您的Wi网络接口的IP地址作为host。这个IP地址应该与您在移动设备浏览器地址中指定的访问网页的IP地址相同。
我的经验是,指定的主机主要用于两件事。首先,IP地址被绑定到。但是,更重要的是,在这种情况下,主机也被用作客户端连接到热重加载Webpack服务器的地址。如果服务器是本地访问的,那么0.0.0.0可以正常工作,因为主机是在同一台设备上运行的客户机和服务器。但是如果它是远程访问的,那么客户机将尝试连接到0.0.0.0,这意味着客户机的设备是本地的,而不是服务器。
此外,我偶然发现了现在存档的Webpack热客户端的这个文档文件,它提到了一种叫做“通配符主机”的东西,它可以帮助远程热重加载更直接地工作,但我不确定当前Webpack组件是否支持它。
https://stackoverflow.com/questions/68112110
复制相似问题