реакция js ошибка пакетного пакета для jsx-файлов

Question

В настоящее время я делаю небольшое приложение. Я использую Webpack для связывания своих файлов, когда пытаюсь выполнить webpack в моей командной строке, я получаю эту ошибку ниже, однако, если расширение ввода «./public/app.js» работает отлично. Я не понимаю, что я делаю неправильно. Я смотрел на некоторые другие сообщения, но отличался от моей проблемы. Я был бы признателен за помощь, если кто-то поблагодарит вас.

ОШИБКА в ./public/app.jsx Модуль сборки не удалось: ReferenceError: [BABEL] /Users/jair/Desktop/development/react-test/public/app.jsx: Неизвестная опция: base.preset. Ознакомиться с http://babeljs.io/docs/usage/options/ для получения дополнительной информации на Logger.error (/Users/jair/Desktop/development/react-test/node_modules/babel-core/lib/transformation/file/logger.js:41:11) на OptionManager.mergeOptions (/Users/jair/Desktop/development/react-test/node_modules/babel-core/lib/transformation/file/options/option-manager.js:216:20) на OptionManager.init (/ Users/jair/Desktop /development/react-test/node_modules/babel-core/lib/transformation/file/options/option-manager.js:338:12) в File.initOptions (/ Users/jair/Desktop/development/response-test/node_modules/babel-core/lib/transform/file/index.js: 216: 65) в новом файле (/ Users/jair/Desktop/development/react-test/node_modules/babel-core/lib/transform/file/index.js: 137: 24) at Pipeline.transform (/ Пользователи/jair/Desktop/разработка/реакция-тест/кивок e_modules/babel-core/lib/transform/pipeline.js: 46: 16) at transpile (/Users/jair/Desktop/development/react-test/node_modules/babel-loader/index.js:38:20) в Object.module.exports (/Users/jair/Desktop/development/react-test/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

правильное название опции presets, не preset :

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

Кроме того, я считаю, белые пространства в exclude регулярных выражений должны быть удалены:

exclude: /(node_modules|bower_components)/ 

Надеюсь, это поможет!