import syntax not working with webpack

Question

I got Illegal import declaration error. when I tried to integrated a react js repo with webpack

I migrated the original source code from https://githu

Answer 1

Use Babel via babel-loader to transform import declarations (and other ES2015 if you want). http://babeljs.io/docs/setup/#webpack

Answer 2

As @JMM answered, it seems you need babel-loader. in addition, I was still facing the same problem, and finally get resolved by editing webpack.config.js such like

   module: {
     loaders: [
-      {test: /\.jsx?$/, loader: 'babel-loader'},
-      {test: /\.jsx$/, loader: 'jsx-loader'}
+      {test: /\.jsx$/, loader: 'jsx-loader'},
+      {test: /\.jsx?$/, loader: 'babel-loader'}
     ]
   },

or because jsx-loader looks no longer working with this config, it can be deleted.

I hope it would help