Получение ошибки: src / Reaction_header / src / index. js: неожиданный токен (10: 2) в React

Question

Я использую веб-пакет.

Когда я пытаюсь запустить свое приложение, я получаю сообщение об ошибке ниже:

ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /var/www/oxygen/src/react_header/src/index.js: Unexpected token (10:2)

   8 | 
   9 | ReactDOM.render(
> 10 |   <App title={title} />,
     |   ^
  11 |   document.getElementById('app')
  12 | );

webpack.config. js

const webpack = require('webpack');

module.exports = {
  entry: './src/index.js',
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      }
    ]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },
  output: {
    path: __dirname + '/dist',
    publicPath: '/',
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  devServer: {
    contentBase: './dist',
    hot: true
  }
};

Похоже, JSX не не получает компиляцию от Babel, но у меня есть babel-loader в моих правилах Webpack.

Может кто-нибудь посмотреть мой код и помочь мне решить эту проблему?