_reactDom2.default.renderは

Question

は、以下のコード

main.jsファイルを反応考慮する関数ではありません私はアプリケーションを実行すると、私のコンソールで次のエラーで直面する：

Uncaught TypeError: _reactDom2.default.render is not a function 

と、ここでは、依存関係のある

"dependencies": { 
    "webpack": "^1.12.14", 
    "webpack-dev-server": "^1.14.1", 
    "react" : "^0.14.7", 
    "react-dom" : "^0.14.7", 
    "babel-cli": "^6.5.1", 
    "babel-preset-es2015": "^6.5.0", 
    "babel-loader": "^6.2.1", 
    "babel-preset-react": "^6.3.13", 
    "babelify": "^7.2.0" 


    } 

更新：webpack.config.json

module.exports={ 

    entry: './js/main.js', 
    output:{ 

     filename: 'bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /.js?$/, 
       loader: 'babel', 
       exclude: /node_modules/, 
       query: { 
        presets: ['es2015', 'react'] 
       } 
      } 
     ] 
    }, 
    devServer:{ 


     port:3000 
    } 





}; 

私はまた、1つの.babelrcファイル

{ 
    "presets": ["es2015", "react"] 
} 

Answer 1

アップデートを持って反応し、反応-DOM」へ^ 15.2.1 "は私のために働きます。それがあなたを助けることを願っています。

Answer 2

Maincontainnerコンポーネントの内容を変更することができます。

1. は、トップにそれを追加します。import ReactDOM from 'react-dom';
2. 変更renderReactDOM.render

Answer 3

私はこの考え方を使用し、うまく動作しているようですチュートリアルの一部に。

'use strict'; 

import React, { Component } from 'react'; 
import { render } from 'react-dom'; 

class Pokemon extends Component{ 
    render() { 
     const { pokemon, id } = this.props; 
     return (
      <div className="pokemon--species">..</div> 
     ); 
    } 
} 


render(
    <div className="myDiv">Hello Electron!</div>, 
    document.getElementById('content') 
); 

希望これはtranspiling、時にはすべての依存関係の...助けと構成はこのようなものは少し圧倒させる-_-

Answer 4

私の場合は、私が書いた{から輸入ReactDOM「が反応します」}。明らかに、私は '反応ドーム'を使用していたはずです