jsx文件的react js网页包绑定错误

Question

我目前正在做一个小应用程序。我正在使用Webpack捆绑我的文件，当我试图在命令行中执行Webpack时，我在下面得到了这个错误，但是，如果条目扩展名为“”/公共/应用程序。它工作得很好。我不明白我做错了什么。我确实看了其他一些帖子，但与我的问题不同。如果有任何帮助，我将不胜感激。谢谢。

错误。/Public/app.jsx模块构建失败：引用错误：[BABEL] /Users/jair/Desktop/development/react-test/public/app.jsx：未知选项：base.preset.查看http://babeljs.io/docs/usage/options/更多信息在Logger.error（/用户/jair/桌面/开发/反应测试/node_modules/Babel-core/lib/转换/文件/logger.js:41： 11）在OptionManager.merge选项（/用户/jair/桌面/开发/反应测试/node_modules/Babel-core/lib/转换/文件/选项/option-manager.js:216： 20）在OptionManager.init（/用户/jair/桌面/开发/反应测试/node_modules/Babel-core/lib/转换/文件/选项/option-manager.js:338： 12）在File.init选项（/用户/jair/桌面/开发/反应测试/node_modules/Babel-core/lib/转换/文件/index.js:216： 65）在新的文件（/用户/jair/桌面/开发/react-test/node_modules/Babel-core/lib/转换/文件/index.js:137： 24）在Pipeline.transform（/用户/jair/桌面/开发/react-test/node_modules/Babel-core/lib/转换/pipeline.js:46： 16）在转发器（/用户/jair/桌面/开发/反应测试/node_modules/Babel-loader/index.js:38： 20）在bject.module.exports（/用户/jair/桌面/开发/反应测试/node_modules/Babel-loader/index.js:131： 12）

module.exports = {
entry: './public/app.jsx',
output: {
  path: __dirname,
  filename: './public/bundle.js'
},
resolve: {
  exensions: ['', '.js', '.jsx']
},
module: {
  loaders: [
    {
       loader: 'babel-loader',
       query: {
         preset: ['react', 'es2015']
       },
       test: /\.jsx?$/,
       exclude: /(node_modules | bower_components)/
    }
  ]
}

};

Answer 1

正确的选项名称是预设，而不是预设：

query: {
  presets: ['react', 'es2015']
}

此外，我认为需要删除excluderegex中的空格：

exclude: /(node_modules|bower_components)/

希望这有帮助！