reactjs予期しないトークン '<'

Question

私はreact-redux、reduxでreactjsアプリを作成しました。 reactjsプロジェクトを開始すると、インデックスファイルの13行目で予期しないトークンエラーが発生します。 インデックスファイルは以下のとおりです。次

ERROR in ./src/index.js 
Module build failed: SyntaxError: D:/Reactjs_work/ 
/src/index.js: Unexpected token (13:2) 

    11 | 
    12 | ReactDOM.render(
> 13 | <Provider store={createStoreWithMiddleware(reducers)}> 
    | ^
    14 |  <App /> 
    15 | </Provider> 
    16 | , document.querySelector('.container')); 

@ multi main 
webpack: Failed to compile. 

はindex.jsファイル私はhere.butなしの成功の上に、以下のトピックを経てきた

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(
    <Provider store={createStoreWithMiddleware(reducers)}> 
    <App /> 
    </Provider> 
    , document.querySelector('.container')); 

です。 Reactjs: Unexpected token '<' Error ReactJS Syntax Error: Unexpected Token

webpack.config.js

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: './' 
    } 
}; 

Answer 1

はコード

module: { 
    loaders: [{ 
     test: /\.(js|jsx)?$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader', 

     query: { 
      presets: ['es2015', 'react'] 
     } 
    }] 
    },