自定义WebPack配置：找不到模块：错误：可以解决React-Dom/client＆＃x27; in＆＃x27; d：\ web开发\ react \ webpack-react-boilerplate \ src＆＃x27;

Question

我有我的自定义webpack配置用于React，这是我的存储库的链接： https://github.com/react-custom-custom-pro-样板

我正在尝试将React React和React-Dom从 v17 升级到 v18 ，但是在尝试更新我的index.jsx文件后：

to：

我发现找不到模块的错误（react-dom/client）。

这是React＆amp; amp;的版本。 react-dom in package.json：

Answer 1

解决的：

问题是我正在使用@hot-loader/react-dom ＆amp;＆amp; react-hot-loader 在React 18中不支持React 18. React 18支持快速刷新，它更有效，可以通过创建反应应用

步骤来解决问题：

• package.json：

  a-删除@hot-loader/react-dom ＆amp;＆amp; React-Hot-Loader

  b-添加@pmmmwh/react-refresh-webpack-plugin ＆amp;＆amp; React-Refresh

• app.jsx：

  a-卸下热装载器

• babel.config.js：

  a-使开发中的快速刷新：
  ...（！api.env（'procudent'）＆amp;＆amp; ['react-refresh/babel']），

• webpack.dev.js：

  a-启用DevServer中的热重新加载：
  devserver：{//启用热装加载热：true，

  b-导入React Refresh插件：
  const rectrefreshwebpackplugin = require（'@pmmmwh/react-refresh-webpack-plugin'）;

  c-将其添加到插件数组中：
  插件：[//启用快速刷新新rectrefreshwebpackplugin（），]，

  d-删除React Dom热加载器的别名：

resolve: {
  alias: {
    'react-dom': '@hot-loader/react-dom',
  },
},