Javascript 在React 16.13.1中创建模块

我正在尝试创建CSS模块，但遇到此错误

var content = require("!!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-3-1!../node_modules/postcss-loader/src/index.js??postcss!./App.css");
    | ^
  3 | 
  4 | if(typeof content === 'string') content = [[module.id, content, '']];

webpack.config.js 我不知道我需要在Webpack.config.js中添加哪些内容。有人帮我吗

{
    test: /\.css$/i,
    exclude: /node_modules/,
    use: [
       'style-loader',
       'css-loader',
           {
              loader: 'css-loader',
              options: {
                modules: true,
              },
           },
    ],
},

App.js

import classes from './App.css';
return(
        <div className={classes.App}>
          <button className={classes.Button} onClick={this.togglePersonsHandler}>Click here</button>
        </div>   
      ); 

.Button{
  background-color : green;
  border: 1px;
  padding: 8px;
  color: white;
  border-radius: 20px;
}