Reactjs 在Mac上运行React JS时遇到问题'；TypeError:无法读取属性'；渲染'；未定义的'；

我是React的新手，尝试在Mac上运行React中的简单代码，但未能成功运行代码。我得到了以下错误：

这将详细解释错误：

6 | React.DOM.render(

react\uuu WEBPACK\u IMPORTED\u MODULE\u 0\uuuu default.a.DOM.render（react\uu WEBPACK\u IMPORTED>\u MODULE\u 0\uu default.a.createElement（\u App\uu WEBPACK\u IMPORTED\u MODULE\u 2\uu[“default”>]，null），document.getElementById（'root'）

以下是代码和文件：

package.json

    {
       "name": "a",
       "version": "0.1.0",
       "private": true,
       "dependencies": {
       "react": "^16.8.6",
       "react-dom": "^16.8.6",
       "react-scripts": "3.0.1"
    },
      "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
       "extends": "react-app"
     },
    "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
     "development": [
        "last 1 chrome version",
        "last 1 firefox version",
         "last 1 safari version"
      ]
     }
    }

webpack.config.js

module.expprts = {
    bundle: './src/index.js
}

index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
 import HelloWorld from './App';

 React.DOM.render(
    React.createElement(HelloWorld, null),
    document.getElementById('root')
 )

App.js

 import React from 'react';

 let h1 = React.createElement('h1', null, 'Hello World')

 class HelloWorld extends React.Component {
    render() {
       return React.createElement('div', null, h1, h1)
 }

}

export default HelloWorld;

在index.js中

ReactDOM.render(
    React.createElement(HelloWorld, null),
    document.getElementById('root')
 )

你应该使用

---

ReactDOM.render（）

我想您有一个输入错误：React.DOM.render（…），它应该是ReactDOM.render（…）（在“React”和“DOM”之间没有“.”）ReactDOM.render不是React.DOM.render