Webpack 如何在网页包中正确安装react hot loader？

我尝试安装react hot loader，但这不起作用，我得到了错误

main.9d9605180f32844bc508.css
Cannot use [chunkhash] or [contenthash] for chunk in '[name].[contenthash].js' (use [hash] instead)

网页包配置

module.exports = {
        context: path.resolve(__dirname, 'src'),
        mode: 'production',
        entry: {
            main: ['webpack-dev-server/client?http://localhost:9090', '@babel/polyfill', './index.jsx']
        },
        resolve: {
            extensions: ['.js', '.jsx', '.sass', '.scss', '.css', '.png', '.jpg', '.json'],
            alias: {
                '@': path.resolve(__dirname, 'src')
            }
        },
        devServer: {
            port: 9090,
            hot: isDev
        }

和jsx的加载程序

{
                test: /\.jsx$/,
                exclude: /node_modules/,
                use: [
                    'react-hot-loader/webpack',
                    {
                        loader: 'babel-loader',
                        options: {
                            presets: ['@babel/preset-react']
                        }
                    },
                    'eslint-loader'
                ]
            },

对于npm命令

"scripts": {
    "start": "webpack-dev-server --mode=development",
    "build": "webpack --mode=production",
    "dev": "webpack-dev-server --hot -w --mode=development"
  }

如何正确安装react hot loader？

安装此“react hot loader/babel”， 并将.babelrc添加到插件阵列中

npm i react-hot-loader

在您具有状态的react组件中：

import { hot } from "react-hot-loader/root";
class YourClass extends React.Component{
  constructor(props){
  super(props)
  this.state={}
 }
render(){
return(JSX CODE)}
}

export default hot(YourClass)

在您的网页中：

entry: {
    main: [ "react-hot-loader/patch", "./src/main.js"]
  }

安装此“react hot loader/babel”， 并将.babelrc添加到插件阵列中

npm i react-hot-loader

在您具有状态的react组件中：

import { hot } from "react-hot-loader/root";
class YourClass extends React.Component{
  constructor(props){
  super(props)
  this.state={}
 }
render(){
return(JSX CODE)}
}

export default hot(YourClass)

在您的网页中：

entry: {
    main: [ "react-hot-loader/patch", "./src/main.js"]
  }