Javascript TypeError:无法读取属性'；getElementById'；未定义的

我正在尝试运行一个尚未创建的代码。 我得到以下错误：

TypeError:无法读取未定义的属性“getElementById”

 Module.<anonymous>
C:/Users/src/index.js:6
  3 | import App from './App';
  4 | import registerServiceWorker from './registerServiceWorker';
  5 | 
 6 | ReactDOM.render(<App />, document.getElementById('root'));
  7 | registerServiceWorker();
  8 | 
View compiled

模块



这是我的index.js文件中的以下代码

import React, { document } from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

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

import React，{document}来自'React'；
从“react dom”导入react dom；
从“./App”导入应用程序；
从“./registerServiceWorker”导入registerServiceWorker；
ReactDOM.render（，document.getElementById（'root'））；
registerServiceWorker（）；

有人能帮我吗。
如果想了解更多详细信息，请告诉我。
请从
react
中删除
文档
导入。它应该会起作用

而不是

import React, { document } from 'react';

使用

你不必导入它。它可以从上下文中获得。
这应该被接受为answer@Amila-在导航到UI的第二页后，我再次遇到相同的错误
TypeError:无法读取未定义App.componentDidUpdate的属性“getElementById”现在不明白问题在哪里。@Jagruuti，你能再问一个问题吗。如果不看你的代码，我现在就看不出哪里出了问题。请将此标记为此特定问题的答案Hey@AmilaSenadheera，我已经从每次导入中删除了
文档。
import React from 'react';