Recibí este error cuando ejecuto este código React:
import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render( <div id="root"> <h1>Hello, world!</h1></div>, document.querySelector('#root') );Este es el error:
bundle.js:1194 Error no detectado: _registerComponent(...): El contenedor de destino no es un elemento DOM.(...)
Aparentemente olvidó agregar el elemento en su página que es la razón por la cual react no encuentra un contenedor, para evitar este tipo de problema, debe crear un elemento div con identificador raíz o debe cambiar su selector.
import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render( <div id="root"> <h1>Hello, world!</h1></div>, document.querySelector('body') );o
<div id="root"></div>Prueba esto:
En archivo HTML:
<div id="root"></div>En el archivo JS:
ReactDOM.render( <div> <h1>Hello World!</h1> </div>, document.getElementById('root') );Parece que olvidó definir esta root de identificación en su página html, su página html debe contener esta id , coloque esta línea dentro del cuerpo, funcionará:
<div id="root"></div> Definió la id en un lugar incorrecto, use esta parte:
ReactDOM.render( <div> <h1>Hello, world!</h1> </div>, document.querySelector('#root') );