Después de representar el código a continuación, la consola del servidor en vivo muestra el siguiente error "Error de sintaxis no detectado: token inesperado '<' (en index.js: 5: 5)"
import React from "react" import ReactDOM from "react-dom" const page=( <div> <h1>My awesome website in React</h1> <h2>Reasons I love React</h2> <ol> <li>Its composable</li> <li>Its declarative</li> <li>Its a hireable skill</li> <li>Activley maintained by skilled people</li> </ol> </div> ) ReactDOM.render(page,document.getElementById("root"))El JSX está causando el problema.
Suponiendo que está utilizando un servidor en vivo en VSCode, el servidor en vivo no tiene concepto de JSX; no transpila, y no puede leer. Necesita usar webpack, rollup, etc.
create-react-app y vite son las herramientas más utilizadas para esto. De lo contrario, tendría que configurar toda la transpilación con babel o las herramientas antes mencionadas por su cuenta.
Recuerde, JSX no es JS, HTML, etc. válido.