モジュール解析でエラー - Webpack

Question

私はこのエラーが発生してコンパイル中に、反応とwebpackを使用する方法を学ぼうとしています。 ./App.js

で

ERROR

Module parse failed: D:\Reactjs\App.js Line 1: Unexpected token 
You may need an appropriate loader to handle this file type. 
| import React from 'react'; 
| 
| class App extends React.Component { 

マイwebpack.config

module.exports ={ 
entry:"./App.js", 

output: { 
    path:__dirname, 
    filename:'app.js' 
}, 

module:{ 
    loader:[{ 
     test: /\.es6\.js$/, loader: "babel-loader", 


    exclude: /node_modules/, 
    query: { 
     optional: ['runtime'], 
     presets:['stage-0', 'es2015', 'react'] 
    } 
    } 
], 
resolve: { 
    extensions: ['', '.js', '.jsx'] 
} 
} 
}; 

Answer 1

私はテストのための正規表現が間違っていると信じています。それはtest: /\.es6|\.js$/, loader: "babel-loader"でなければなりません。 |がなければ、App.jsと一致しません！

Answer 2

はこれを「クエリ」の部分を交換してみてください：

query: { 
    optional: ['runtime'], 
    stage: 0 
} 

そうでなければ、私はあなたがプリセットnpm install babel-preset-es2015 --save-devをインストールする必要がありだと思います。ここをクリックしてください：https://stackoverflow.com/a/33470546/1043475