Webpack（4）热模块重新加载从格式错误的URI

Question

当Webpack尝试获取更新JSON文件时，它会因控制台错误消息而失败：

[HMR] Update failed: Error: Manifest request to https://subdomain.localhost23dae8e1865781c26fcd.hot-update.json timed out.

请注意，在TLD和路径之间省略了斜杠......

Devserver config：

{
  public: `subdomain.localhost`,
  publicPath: 'https://subdomain.localhost/',
  port: 9000,
  https: false,
  contentBase: path.join(__dirname),
  watchContentBase: true,
  historyApiFallback: true,
  compress: true,
  hot: true
};

确保更新清单从正确的路径加载需要哪些配置？

• 我们的dev / prod环境中没有其他部分出现故障......导致这种情况发生 我相信配置错误存在于利基市场。

• https://subdomain.localhost/webpack-dev-server指向有效资产的链接 在正确的网址

Answer 1

我认为publicPath应该只是/而不是完整路径。

Answer 2

令人惊讶的是，热模块替换插件实际上会查找config.output.publicPath属性而不是 config.devServer.publicPath值。

devServer.publicPath应与output.publicPath相同。

更正输出属性以使用完整路径https://subdomain.localhost/可以解决此问题。