Fehler beim Modul-Parsing- Webpack

Question

Ich versuche zu lernen, Webpack mit reagieren, während der Kompilierung bekomme ich diesen Fehler.

ERROR in ./App.js

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 { 

Mein 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

Ich glaube, dass Regex für den Test falsch ist. Es sollte test: /\.es6|\.js$/, loader: "babel-loader" sein. Ohne die | wird App.js nicht übereinstimmen!

Answer 2

Versuchen Sie, die "Abfrage" -Teil mit diesem ersetzen:

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

Ansonsten denke ich, Sie npm install babel-preset-es2015 --save-dev Presets installieren. Siehe hier: https://stackoverflow.com/a/33470546/1043475