La configuración extremadamente simple de HTML y javascript para React.js no funciona. Seguí exactamente las instrucciones en el sitio web de reacción pero no funciona. Agradecería si alguien puede ver algún error.
A continuación se muestra el código 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>Document</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> <!-- Load our React component. --> <script src="file1.js"></script> </body> </html> Incluso el comando document.getElementById no funciona como se muestra en el mensaje de error en la siguiente captura de pantalla: 
Windows 10 de 32 bits, código de Visual Studio.
Espero que esto te encuentre bien.
Es mejor que use cualquiera de los comandos de creación de la aplicación de reacción de NPM para crear su aplicación de reacción. Al igual que npx create-react-app y luego tendrá los módulos NPM que requieren que obtenga la ID de raíz que está tratando de obtener usando vanilla/backbone js document.getelementbyid mientras que no es así como se llama a la raíz. Usando la placa de caldera que le proporciona NPM, puede importar react y reactdom y luego manipular ese HTML único que reacciona al cliente.
Espero que esta sea la respuesta a tu pregunta.