reactjs - Webpack - Uncaught SyntaxError: Unexpected token import with Redux -

i have been trying out react webpack , redux , stumbled upon uncaught syntaxerror: unexpected token import.

i know there lot of questions these, have find none involves redux.

here webpack config:

var app_root = 'src'; // app root folder: src, src_users, etc var path = require('path'); var cleanwebpackplugin = require('clean-webpack-plugin');  module.exports = { app_root: app_root, // app root folder, needed other webpack  configs entry: [ // http://gaearon.github.io/react-hot-loader/getstarted/ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', 'babel-polyfill', __dirname + '/' + app_root + '/index.js', ], output: { path: __dirname + '/public/js', publicpath: 'js/', filename: 'bundle.js', }, module: { loaders: [   {     test: /\.js$/,     loaders: ['react-hot', 'babel'],     exclude: /node_modules/,   },   {     // https://github.com/jtangelder/sass-loader     test: /\.scss$/,     loaders: ['style', 'css', 'sass'],   },   {     test: /\.css$/,     loaders: ['style', 'css'],   }  ],  },  devserver: {   contentbase: __dirname + '/public',  },  plugins: [  new cleanwebpackplugin(['css/main.css', 'js/bundle.js'], {   root: __dirname + '/public',   verbose: true,   dry: false, // true simulation }), ], }; 

index.js file:

import react 'react'; import reactdom 'react-dom'; import { createstore} 'redux';  // importera app komponenten import app './components/app'; // importera stylesheet import './stylesheets/main.scss'; //importera reducer import { reducers } './reducers/index'; import provider "react-redux/src/components/provider";   // skapa users-list, tomt objekt let users = []; (let = 1; < 10; i++) {  // fyller objektet med användare med dessa villkor  users.push({     id: i,     username: 'andreas' + i,     job: 'leethacker' + i,  });   const initialstate = {  users: users,  }  }   // skapa store  const store = createstore(reducers, initialstate);   // skriver sedan ut denna komponent, render är reacts funktion för att   skriva ut  reactdom.render( <provider store ={store}> <app/> </provider> , document.getelementbyid('app')); 

package.json file:

{ "name": "redux-minimal", "version": "1.0.0", "description": "start building complex react-redux apps today,  minimalist easy understand starter kit (boilerplate)", "keywords": [ "react", "redux", "minimal", "starter kit", "boilerplate" ], "main": "index.js", "homepage": "http://redux-minimal.js.org/", "repository": { "type": "git", "url": "https://github.com/catalin-luntraru/redux-minimal" }, "scripts": { "start": "webpack-dev-server --inline --hot --history-api-fallback -- host localhost --port 8080", "build-dev": "webpack --config webpack.dev.config.js", "build-prod": "webpack -p --config webpack.prod.config.js", "test": "mocha --recursive --compilers js:babel-register --require   babel-polyfill --require ignore-styles", "test-watch": "npm test -- --watch"  }, "babel": { "presets": [   "es2015",   "react",   "stage-3" ] }, "author": "catalin luntraru", "license": "mit", "dependencies": { "react": "^15.4.2", "react-bootstrap": "^0.30.7", "react-dom": "^15.4.2", "react-redux": "^5.0.2", "react-router": "^3.0.1", "react-router-bootstrap": "^0.23.1", "react-router-redux": "^4.0.7", "redux": "^3.6.0", "redux-form": "^6.4.3", "redux-saga": "^0.14.3" }, "devdependencies": { "babel-core": "^6.21.0", "babel-loader": "^6.2.10", "babel-polyfill": "^6.20.0", "babel-preset-es2015": "^6.18.0", "babel-preset-react": "^6.16.0", "babel-preset-stage-3": "^6.17.0", "babel-runtime": "^6.20.0", "clean-webpack-plugin": "^0.1.15", "css-loader": "^0.26.1", "enzyme": "^2.7.0", "extract-text-webpack-plugin": "^1.0.1", "ignore-styles": "^5.0.1", "mocha": "^3.2.0", "node-sass": "^4.3.0", "react-addons-test-utils": "^15.4.2", "react-hot-loader": "^1.3.1", "redux-freeze": "^0.1.5", "sass-loader": "^4.1.1", "style-loader": "^0.13.1", "webpack": "^1.14.0", "webpack-dev-server": "^1.16.2", "whatwg-fetch": "^2.0.1" } } 

the error line see indicative of error not being transpiled correct babel.

see please, "unexpected token import" in nodejs5 , babel?

also, please add index.js entry file, package.json more informative.

hope helps!