title: reactjs Unexpected token '<'
body: <p>i've created reactjs app with react-redux,redux.
  when starting reactjs project, getting unexpected token error at line 13 on index file.
  the index file is given beloow.</p>
  
  <pre><code>ERROR in ./src/index.js
  Module build failed: SyntaxError: D:/Reactjs_work/
  /src/index.js: Unexpected token (13:2)
  
    11 |
    12 | ReactDOM.render(
  &gt; 13 |   &lt;Provider store={createStoreWithMiddleware(reducers)}&gt;
       |   ^
    14 |     &lt;App /&gt;
    15 |   &lt;/Provider&gt;
    16 |   , document.querySelector('.container'));
  
   @ multi main
  webpack: Failed to compile.
  </code></pre>
  
  <p>following is index.js file</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import { Provider } from 'react-redux';
  import { createStore, applyMiddleware } from 'redux';
  
  import App from './components/app';
  import reducers from './reducers';
  
  const createStoreWithMiddleware = applyMiddleware()(createStore);
  
  ReactDOM.render(
    &lt;Provider store={createStoreWithMiddleware(reducers)}&gt;
      &lt;App /&gt;
    &lt;/Provider&gt;
    , document.querySelector('.container'));
  </code></pre>
  
  <p>i've gone through following topic over here.but no success.
  <a href="https://stackoverflow.com/questions/20905227/reactjs-unexpected-token-error">Reactjs: Unexpected token &#39;&lt;&#39; Error</a>
  <a href="https://stackoverflow.com/questions/43867515/reactjs-syntax-error-unexpected-token">ReactJS Syntax Error: Unexpected Token</a></p>
  
  <p>webpack.config.js</p>
  
  <pre><code>module.exports = {
    entry: [
      './src/index.js'
    ],
    output: {
      path: __dirname,
      publicPath: '/',
      filename: 'bundle.js'
    },
    module: {
      loaders: [{
        exclude: /node_modules/,
        loader: 'babel'
      }]
    },
    resolve: {
      extensions: ['', '.js', '.jsx']
    },
    devServer: {
      historyApiFallback: true,
      contentBase: './'
    }
  };
  </code></pre>