babel-loader jsx SyntaxError：意外令牌[重复]

添加“ babel-preset-react”

npm install babel-preset-react

并在webpack.config.js中向babel-loader添加“预设”选项

（或者您可以将其添加到您的.babelrc或package.js：http
://babeljs.io/docs/usage/babelrc/ ）

这是一个webpack.config.js示例：

{     test: /.jsx?$/,         // Match both .js and .jsx files    exclude: /node_modules/,     loader: "babel",     query:      {        presets:['react']      }}

更新

不推荐使用Rule.query，而使用Rule.options。webpack 4中的用法如下：

npm install babel-loader babel-preset-react

然后在您的webpack配置中（作为module.exports对象中module.rules数组中的条目）

{    test: /.jsx?$/,    exclude: /node_modules/,    use: [      {        loader: 'babel-loader',        options: {          presets: ['react']        }      }    ],  }