Estoy tomando un curso gratuito en línea sobre React y estoy teniendo problemas justo después del comienzo. No se conecta, no se renderiza nada, pero estoy copiando todo palabra por palabra. Le agradecería mucho que me dijera qué es lo que está mal.
<html> <head> <link rel="stylesheet" href="css.css"> <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> </head> <body> <div id="root"></div> <script src="index.js" type="text/babel"></script> </body> </html> ReactDOM.render(<h1>Hello, everyone!</h1>, document.getElementById("root"));Esta no es una forma óptima de trabajar y aprender a reaccionar, debe usar paquetes como create-react-app o next-js , pero si desea obtenerlo de esta manera, esto es lo que debe hacer:
<html> <head> <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js" ></script> <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.17.0/babel.min.js"></script> </head> <body> <div id="root"></div> <script type="text/babel" data-presets="es2015,react"> ReactDOM.render( <h1>Hello, everyone!</h1>, document.getElementById("root") ); </script> </body> </html>Tal vez suceda debido a que los scripts que está ejecutando no se importan, lo cual no es un buen método para iniciar un proyecto de reacción.
Para iniciar cualquier proyecto de reacción, deberá tener Node >= 14.0.0 y npm >= 5.6 en su máquina. Así que asegúrese de haber descargado e instalado ambas cosas. Si no es así, puedes descargarlos desde aquí.
Sin embargo, puede seguir cualquiera de los tutoriales para tener ambos. Después de ellos, puede verificar usando el comando node -v para node y npm -v para npm.
Después de eso, puede crear su primera aplicación de reacción en su máquina local de esta manera:
Para crear un proyecto, ejecute:
npx create-react-app my-app cd my-app npm startDespués de eso, su navegador abrirá automáticamente la página en localhost: 3000