未捕获的错误:_registerComponent(...):目标容器不是DOM元素.(...)

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(...):目标容器不是DOM元素.(...)

Answer 1

显然你忘了添加页面中的元素,这是反应找不到容器的原因,为了避免这种问题,你必须创建一个带有标识符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>