jsxファイルに対してjs webpack bundlingエラーが発生しました

Question

現在、私は小さなアプリケーションを行っています。 Webpackを使用してファイルをバンドルしていますが、コマンドラインでwebpackを実行しようとしたときに、以下のエラーが表示されます。エントリ拡張子 './public/app.js'は完全に動作します。私は何が間違っているのか分かりません。私は他の投稿を見ましたが、私の問題とは異なりました。何かありがとうと助けてくれてありがとう。

ERROR ./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） at 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） at File.initOptions（/ Users/jair/Desktop/development/react-test//ユーザー/ jair/Desktop/development/react-test/node_modules/babel-core/lib/transformation/file /にある新しいファイルで、node_modules/babel-core/lib/transformation/file/index.js：216：65） index.js：137：24） at Pipeline.transform（/ Users/jair/Desktop/development/react-test/nod e_modules/babel-core/lib/transformation/pipeline.js：46：16）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)/ 

これは役に立ちます。