ReactDOM.render() 无法渲染问题

描述：我是一名后台开发工程师，算是react小白，按照学习资料，进入渲染页面环节，发现npm start 没有刷新出来我要打印的东西，顿时头疼。也不知道该如何打印出来。搜索了很多文章并未找到合理的解释。最后在一篇文章中安装了一个webpack得以解决，但是我不明白为什么。是什么原理导致了无法渲染出来。我查看了webpack是干嘛的，但是还是不能理解，为什么渲染不出来，本篇主要希望大神指点，请留言！

1、我的解决办法
终端执行：npm i webpack -g

2、代码

index.js

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

ReactDOM.render(<App />,document.getElementById('root'))

App.js

import React, {Component} from 'react'

class App extends Component{
    render(){
        return (
            <div>
                123
            </div>
        )
    }
}

export default App;

html 节点是root，这里没有问题