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://github.com/dptoot/react-event-calendar/blob/master/example/src/example.js
How could I fix Illegal import declaration error ?
I think the import syntax only works in some js lib ?
Error
ERROR in ./app/main.js Module build failed: Error: Parse Error: Line 2: Illegal import declaration at throwError (/Users/poc/sandbox/ha/node_modules/jsx-loader/node_modules/jstransform/node_modules/esprima-fb/esprima.js:2823:21) main.js
var React = require('react'); const EventCalendar = require('react-event-calendar'); import moment from 'moment'; import Row from 'react-bootstrap/lib/Row'; import Col from 'react-bootstrap/lib/Col'; import Button from 'react-bootstrap/lib/Button'; import ButtonToolbar from 'react-bootstrap/lib/ButtonToolbar'; import Popover from 'react-bootstrap/lib/PopOver'; import Overlay from 'react-bootstrap/lib/Overlay'; webpack.config.js
var path = require('path'); var webpack = require('webpack'); var config = module.exports = { // the base path which will be used to resolve entry points context: __dirname, // the main entry point for our application's frontend JS entry: './app/main.js', output: { filename: 'main.js' }, resolve: { extensions: ['', '.js', '.jsx', '.ts'] }, module: { loaders: [ { test: /\.jsx?$/, exclude: /node_modules/, loader: 'jsx-loader?insertPragma=React.DOM&harmony' } ] } }; 
