Error with module parsing- Webpack

Question

I am trying to learn to use webpack with react, while compiling I am getting this error.

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 {

My 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']
}
 }
 };

Did you tried to change the order in the presets setting? Like [ 'es2015', 'stage-0', 'react']? — Arnau Lacambra
– Arnau Lacambra, Commented May 5, 2016 at 14:47
Associate the source folder by including include:/<source_folder>/. Let me know if it works. — phkavitha
– phkavitha, Commented May 5, 2016 at 18:33

vadersfather · Accepted Answer · 2016-05-05 18:38:46Z

1

I believe that regex for the test is wrong. It should be test: /\.es6|\.js$/, loader: "babel-loader". Without the | it won't match App.js!

answered May 5, 2016 at 18:38

vadersfather

9,6698 gold badges38 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:28:08Z

0

Try replacing the "query" part with this:

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

Otherwise, I think you have to install presets npm install babel-preset-es2015 --save-dev. See here: https://stackoverflow.com/a/33470546/1043475

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered May 5, 2016 at 20:41

Rick Jolly

3,0192 gold badges27 silver badges32 bronze badges

Collectives™ on Stack Overflow

Error with module parsing- Webpack

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related