Tengo este código simple para probar si reacciona funciona, pero por alguna razón no muestra nada. No tengo idea de cuál es el problema.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script> <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script> <title>Document</title> </head> <body> <div id="root"></div> <script type = "text/babel"> ReactDOM.render(<p>'test'</p>, document.getElementById("root")); </script> </body> </html>Si desea utilizar babel en el navegador, debe cargarlo.
Agregue el siguiente script justo antes del de reacción.
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>Consulte la documentación https://babeljs.io/docs/en/babel-standalone