在 https 模式下使用 webpack-dev-server 的 Safari 刷新循环

Question

我在 Safari 版本 9.0.1 (11601.2.7.2) 上测试 JS 模块时遇到了一个奇怪的问题

所以我使用的是带有标准 HMR 配置的 webpack-dev-server（但带有 https: true），即使我不更新我的源文件，浏览器也会保持刷新。事实上，它陷入了刷新循环。

当我打开检查器控制台时，我在重新加载之前短暂地看到了这个错误：

WebSocket network error: OSStatus Error -9807: Invalid certificate chain

然后在刷新之前

[WDS] Disconnected!
[WDS] App updated. Reloading...

可能与自签名证书验证失败有关。 https://localhost:1111 上的服务器运行我已经访问了另一个选项卡中的页面以接受证书。

有没有人遇到过这种情况？

Answer 1

将 inline: false 参数传递给您的 webpack devServer 配置，例如：

devServer: {
    hot: false,
    contentBase: './dist',
    https: true,
    port: 8000,
    inline: false,
},

Safari refresh loop with webpack-dev-server in https mode