Webpackはコマンド実行中にsyntaxtエラーを表示します

Question

皆さん、私はreact jのビデオに従おうとしています。私はこのチュートリアルを見ているアプリを開発しています。構文エラーで立ち往生し、it.Belowのための任意の解決策を見つけることができませんしまった私のコードです： app.js：

var React = require('react'); 

var APP = React.createClass({ 
    render(){ 
     return (<h1>Hello World from React</h1>); 
    } 
}); 

module.exports = APP; 

アプリ-server.js

var express = require('express'); 

var app = express(); 

app.use(express.static('./public')); 
app.use(express.static('./node_modules/bootstrap/dist')); 

app.listen(3000); 
console.log("Polling server is running at 'http://localhost:3000'"); 

アプリ-client.js

var React = require('react'); 
var APP = require('./components/app'); 

React.render(<APP />, document.getElementById('react-container')); 

webpack.config.js

module.exports = { 
entry: "./app-client.js", 
output: { 
    filename: "public/bundle.js" 
}, 
module: { 
    loaders: [ 
     { 
      exclude: /(node_modules|app-server.js)/, 
      test: /.jsx?$/, 
      loader: 'babel-loader', 
      query: {     
       presets: ['es2015', 'react', 'stage-0'] 
      } 
     } 
    ] 
} 

};コマンドラインで

エラー：

$ webpack 
Hash: efea76b1048c3a97b963 
Version: webpack 1.13.2 
Time: 2344ms 
+ 1 hidden modules 

ERROR in ./app-client.js 
Module build failed: SyntaxError: C:/Users/Sanjay/Documents/node_project/start/app-client.js: Unexpected token (4:13) 

2 | var APP = require('./components/app'); 
3 | 
> 4 | React.render(<APP />, document.getElementById('react-container')); 
|   ^

すべてのヘルプは、私の疑問をクリアするためには理解されるであろう。

Answer 1

最新のwebpack（1.13.2）とReactDOM.render（）を使用して、異なるOS（Linux）で同じエラーが発生しています。このプロジェクトは、以前にインストールされたノードモジュールを使用して別のディレクトリで既に動作しているので、私は現在、これが私のdev-dependenciesの緊急のバグだと考えています。