webpack - 热模块更换 HMR 找不到更新。需要完全重新加载!创建 react 应用程序和 Electron

Question

我正在使用 Electron ，我有一个弹出的创建 react 应用程序 webpack 配置。我启用了热模块更换。

在我看到的终端中生成了热更新，例如 5f4dde8b4941bfe36ef8.hot-update.json ，但客户似乎找不到这些 更新

知道如何调试或解决此问题吗？

我怀疑客户试图查找更新的路径是错误的。

在客户端控制台中，我可以看到:

[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.
[WDS] App updated. Recompiling...
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] Cannot find update. Need to do a full reload!
[HMR] (Probably because of restarting the webpack-dev-server)

webpack配置摘录:

entry: [
    'webpack-dev-server/client?http://0.0.0.0:8080',
    require.resolve('webpack/hot/only-dev-server'),
    require.resolve('react-hot-loader/patch'),
    require.resolve('./polyfills'),
    require.resolve('react-error-overlay'),
    paths.appIndexJs,
],
output: {
    path: paths.appBuild,
    pathinfo: true,
    filename: 'static/js/bundle.js',
    chunkFilename: 'static/js/[name].chunk.js',
    publicPath: '/',
    devtoolModuleFilenameTemplate: info =>
    path.resolve(info.absoluteResourcePath).replace(/\\/g, '/'),
},

webpack 开发服务器配置的摘录:

contentBase: paths.appPublic,
hot: true,
publicPath: config.output.publicPath,

Answer 1

所以我发现了这个问题，因为其他人会因为让 HMR 与 Electron 一起工作并创建 react 应用程序而遇到麻烦。如果你已经弹出了你的 webpack 配置，你需要在你的 中更改目标。 webpack.config.dev 来自 electron至electron-renderer

target: "electron-renderer"

还有 require.resolve('react-hot-loader/patch')不需要。