热模块替换HMR找不到更新。需要做一个充分的重新装载！创建反应应用程序和电子

Question

我使用电子和我有一个弹射创建反应应用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与电子一起工作并创建react应用程序而遇到麻烦。如果已弹出webpack配置，则需要将webpack.config.dev中的目标从electron更改为electron-renderer。

target: "electron-renderer"

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