如何修复React Router问题的webpack文件？

npm install react-router-dom

const path = require('path');

module.exports = {
  // 其他配置项...
  resolve: {
    extensions: ['.js', '.jsx'], // 支持解析jsx文件
    alias: {
      'react-dom': '@hot-loader/react-dom', // 解决热更新问题
    },
  },
  module: {
    rules: [
      // 其他规则...
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', '@babel/preset-react'],
          },
        },
      },
    ],
  },
};

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './Home';
import About from './About';

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
      </Switch>
    </Router>
  );
};

export default App;

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

npm run build