热模块更换 HMR 找不到更新。需要完全重新加载！创建反应应用程序和电子答案

【问题标题】：hot module replacement HMR Cannot find update. Need to do a full reload! Create react app and electron热模块更换 HMR 找不到更新。需要完全重新加载！创建反应应用程序和电子
【发布时间】：2018-12-20 15:41:50
【问题描述】：

我正在使用电子，我有一个弹出的创建反应应用程序 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,

【问题讨论】：

标签： webpack electron webpack-dev-server create-react-app hot-module-replacement

【解决方案1】：

所以我发现了这个问题，因为其他任何人都遇到了麻烦让 HMR 与电子一起工作并创建反应应用程序。如果你已经弹出了你的 webpack 配置，你需要将 webpack.config.dev 中的目标从 electron 更改为 electron-renderer

target: "electron-renderer"

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

【讨论】：