热模块更换HMR找不到更新.需要进行完全重新加载！创建react应用程序和电子

Question

我正在使用electron，并且我有一个弹出的create-react-app-webpack配置。我已启用热模块更换。

热更新是在终端中生成的，我看到例如5f4dde8b4941bfe36ef8.hotupdate.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-config:摘录

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"

也不需要CCD_ 3。