Babel没有编译。意外的标记

Question

以前曾经问过这个问题，但我已经清楚地确定了这个步骤。我做错了什么或设置错了？

我收到以下错误

Failed to compile.

./src/Login.js
Syntax error: Unexpected token (52:10)

50 |     };
51 | 
> 52 |     const element = <div>

以下是我的.babelrc：

{
   "presets": ["es2015", "react", "stage-2", "env"],
  "plugins": ["transform-class-properties"]
}

然后最后我的webpack.config.js

module: {
   rules: [
    {
        //a regexp that tells webpack use the following loaders     on all
        //.js and .jsx files
        test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
            presets: ['es2015', 'react', 'stage-2','@babel/preset-env']
        }
    },

我已经安装了babel预设和所需的所有包。

我只是想尝试使用JSX编码风格。我还是这个环境的新手。