Javascript Webpack babel loader es2015预设设置不起作用

当我使用webpack构建react项目时，我遇到了一个“意外令牌”错误

网页-进度

我以为我的项目不会将es6代码传输到es5，因为webpack.config.js的设置错误，但我找不到哪里出了问题

webpack.config.js

module.exports = {
    entry: __dirname + "/src/App.js",
    output: {
        path: __dirname + "/public",
        filename: "bundle.js"
    },
    module: {
        rules: [{
            test: /\.js?$/,
            loader: 'babel-loader',
            query: {
                cacheDirectory: true,
                presets: ['react', 'es2015']
            }
        }]
    }
}

安装babel-preset-stage-2软件包并尝试以下操作：

B.法律改革委员会

webpack.config.js

module.exports = {
    entry: __dirname + "/src/App.js",
    output: {
        path: __dirname + "/public",
        filename: "bundle.js"
    },
    module: {
        rules: [{
            test: /\.js?$/,
            loader: 'babel-loader',
            query: {
                cacheDirectory: true,
                presets: ['react', 'es2015']
            }
        }]
    }
}

将来，我们可能不会像本文所说的那样使用巴别塔的状态预设

然而，就目前而言，它确实运行得很好

巴贝尔的舞台预设是什么：

Babel预置是一个可共享的插件列表

官方的巴别塔舞台预设跟踪了TC39的演出过程 JavaScript中的新语法建议

每个预设（如第3阶段、第2阶段等）都包含了 那个特殊的舞台和它上面的舞台。例如，第二阶段 包括第三阶段，等等

---

首先，不要使用预设的es2015；相反，请使用预设环境。第二，如果你想继续你的实现，看看arrow函数插件。谢谢@Gautami，但我下载了babel preset env并将preset编辑到['env'，'react']`，仍然有错误；啊舞台！“环境”预设值呢？npm安装巴别塔预设环境

{
  "presets": ["es2015", "react", "stage-2"]
}

...
presets: ["es2015", "react", "stage-2"]
...