Cuando agrego React a través de etiquetas de script (como se describe aquí ), y también agrego Babel como etiqueta de script, puedo escribir una etiqueta de script como esta:
ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root'));Esto funciona. Sin embargo, crear un nuevo archivo JavaScript con este contenido exacto y agregar una etiqueta de secuencia de comandos con la ruta a él como su atributo src no lo hace. Soy un principiante completo, este es probablemente un problema realmente simple, pero por favor ayúdenme. ¿Por qué esto no funciona y cómo puedo hacer que funcione?
Editar: Así es como se ven mis archivos:
<!-- index.html --> <!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"> <title>Test</title> </head> <body> <div id="root"></div> <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script type="text/babel" src="./index.js"></script> </body> </html> // index.js ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root'));