Webpack zeigt syntax Fehler beim Ausführen des Befehls

Question

Hallo allerseits Ich versuche, ein Video von react js folgen Ich entwickle eine App, die dieses Tutorial zu sehen. Hat sich mit Syntaxfehler stecken und nicht in der Lage keine Lösungen für it.Below zu finden, ist mein Code: app.js:

var React = require('react'); 

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

module.exports = APP; 

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'"); 

app-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'] 
      } 
     } 
    ] 
} 

};

Fehler in der Befehlszeile:

$ 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')); 
|   ^

Jede Hilfe würde geschätzt meine Zweifel zu löschen.

Answer 1

Ich bekomme den gleichen Fehler auf verschiedenen OS (Linux) mit neuesten Webpack (1.13.2) und ReactDOM.render(). Dieses Projekt funktioniert bereits in einem anderen Verzeichnis mit zuvor installierten Knotenmodulen. Daher vermute ich, dass dies ein emergenter Fehler in einer meiner Dev-Abhängigkeiten ist.