Javascript Webpack无法通过预设@babel/preset-react和@babel/preset-env识别我的JSX语法

当我尝试将模块与webpack绑定时，它无法识别JSX，并给出以下错误：

> ERROR in ./src/server.js 20:8
Module parse failed: Unexpected token (20:8)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
|     const content = ReactDOMServer.renderToString(
>         <StaticRouter location={req.url} context={context}>
|           <App/>
|         </StaticRouter>,

这是我的webpack.config.js

const path = require('path');
const webpackNodeExternals = require('webpack-node-externals');

module.exports = {
  mode: "production", 
  entry: './src/server.js',

  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        loader: "babel-loader", 
        exclude:'/node_modules/',
          options: {
            presets: ['@babel/preset-react','@babel/preset-env'],
            plugins : ['@babel/plugin-proposal-class-properties']
          },
        test:/\.scss$/,
        loader: 'postcss-loader'
      },
    ],
  },

  output: {
    path: path.resolve(__dirname, './build'),
    filename: 'bundle.js'
  },
  externals:[webpackNodeExternals()]
};

我为react添加了巴别塔预设，即@babel/preset react。我还添加了babel加载程序，但它仍然无法识别JSX语法，这有什么问题吗

const path = require('path');
const webpackNodeExternals = require('webpack-node-externals');

module.exports = {
  mode: "production", 
  entry: './src/server.js',

  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        loader: "babel-loader", 
        exclude:'/node_modules/',
          options: {
            presets: ['@babel/preset-react','@babel/preset-env'],
            plugins : ['@babel/plugin-proposal-class-properties']
          },
        test:/\.scss$/,
        loader: 'postcss-loader'
      },
    ],
  },

  output: {
    path: path.resolve(__dirname, './build'),
    filename: 'bundle.js'
  },
  externals:[webpackNodeExternals()]
};