javascript - Uncaught Error : _registerComponent(. ..) : Target container is not a DOM element. (...)

Question

我在运行这段 React 代码时遇到了这个错误:

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

ReactDOM.render(
  <div id="root">
  <h1>Hello, world!</h1></div>,
  document.querySelector('#root')
);

这是错误:

bundle.js:1194 Uncaught Error: _registerComponent(...): Target container is not a DOM element.(…)

Answer 1

显然您忘记在页面中添加元素，这就是 react 找不到容器的原因，为避免此类问题，您必须创建一个带有标识符 root 的 div 元素，或者您必须更改您的选择器。

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

ReactDOM.render(
  <div id="root">
  <h1>Hello, world!</h1></div>,
  document.querySelector('body')
);

或

<div id="root"></div>