jsxからjsへのEs6の解析でエラーが発生しました。

Question

私は反応して作業しようとしています。私は次のコードを持っている：

• を
• バベル・プラグイン・変換・反応・JSX
バベル：

index.js

var Btn = require('./components/Btn.jsx'); 



    var app = { 
     // Application Constructor 
     initialize: function() { 
      console.log("here with me"); 
      ReactDOM.render(<Btn>, document.getElementbyId('app')) 
     }, 

     onDeviceReady: function() { 
      this.receivedEvent('deviceready'); 
     }, 
    }; 

    app.initialize(); 

を私は次のnode_modulesがinstaled持っています

• Babel-preset-env
• Babel-cli
• バベルプリセット-ENV
• バベル・プリセット・es2017
• バベルプリセット反応し

IはwhathためCOMANDを実行し、JSXをコンパイルするときMiが

{ "presets": ["env"] } 

を.babelrc jsに私は次を持っています

$ babel --presets env js/src --watch --out-dir js/dist  
SyntaxError: js/src/index.js: Unexpected token (10:24) 
     8 |  initialize: function() { 
     9 |   console.log("here with me"); 
    > 10 |   ReactDOM.render(<Btn/>, document.getElementbyId('app')) 
     |      ^
     11 |  }, 
     12 | 
     13 |  onDeviceReady: function() { 

私は本当にこれについて見つける私はsintaxが正しいとすべての良い仕事を参照してくださいそれぞれのチュートリアルでは、多くのことを試してみてくださいが、私はundestand何が起こるかはありません。私はこれが何かばかげて、私はそれを見つけることができないことを願っています。誰でも私に説明することができます何ができますか？またはどのように。

Answer 1

あなたはbabel-preset-reactを持っているので、フォーマット、私はそれが要素に反応するtranspilingに関係していると思います.babelrc