TypeError: Cannot read property 'getElementById' of undefined

Question

我正在尝试运行一个我没有创建的代码。我收到以下错误：

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();

谁能帮我解决这个问题。如果想了解更多详情，请告诉我。

Answer 1

请删除 document 从 react 导入。它应该有效。

而不是

import React, { document } from 'react';

使用

import React from 'react';

您不必导入它。它可以从上下文中获得。

TypeError: Cannot read property 'getElementById' of undefined

TypeError: Cannot read property 'getElementById' of undefined

javascript

reactjs

dom

render

document