Webpack - Uncaught TypeError: (0, _reactDom2.default) ist keine Funktion

Question

Der Versuch, mit dem Webpack reagieren zu lassen, aber Fehler in der Dev-Tools-Konsole "app.js: 105 Uncaught TypeError: (0, _reactDom2.default) ist keine Funktion“

Datei webpack.config.js:

module.exports = { 
    entry: [ 
     __dirname + '/assets/react/pages/app.js' 
    ], 
    output: { 
     path: __dirname + '/public/z_output/', 
     filename: 'app.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['react', 'es2015'] 
       } 
      } 
     ] 
    } 

}; 

Datei app.js:

import React from 'react'; 
import ReactDOM from 'react-dom'; 

class App extends React.Component { 
    render(){ 
     return(
      <h1>aa</h1> 
     ) 
    } 
} 

ReactDOM(<App />, document.getElementById('app')); 

UPDATE -Pack age.json hinzugefügt Datei package.json:

{ 
     "name": "kioe", 
     "version": "1.0.0", 
     "private": true, 
     "scripts": { 
     "start": "node ./kioe.js" 
     }, 
     "dependencies": { 
     "react": "^15.1.0", 
     "react-dom": "^15.1.0", 
     }, 
     "devDependencies": { 
     "babel-core": "*", 
     "babel-loader": "*", 
     "babel-preset-es2015": "*", 
     "babel-preset-react": "*", 
     "webpack": "*" 
     } 

} 

Answer 1

Haben Sie versucht, "Stufe-0", um Ihre Voreinstellungen Array für die babel-loader fixieren Zugabe? Außerdem musst du npm installieren --save-dev babel-preset-stage-0.

Sie sollten auch ReactDOM.render, glaube ich, anstatt nur ReactDOM verwenden.