Tengo Node.js v14.16.1 instalado. Creé una aplicación usando el comando npx create-react-app .

Inicio la aplicación en la terminal por npm start . Abre localhost:3000 en el navegador (Chrome 93.0.4577.63).

El archivo index.js es

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); reportWebVitals();

Al principio, la consola del navegador no muestra ningún error. Cuando elimino el punto y coma en la primera línea y lo escribo nuevamente, muestra un error Uncaught SyntaxError: Cannot use import statement outside a module .

Si cambio la primera línea a const React = require('react'); entonces la consola no muestra un error en esa línea pero la siguiente línea muestra el mismo error.

Pensé que el error desaparecería si cerraba la aplicación, agregaba "type": "module" a package.json y volvía a abrir la aplicación. Sin embargo, el error no desapareció. ¿Qué tengo que hacer?

create-react-app debe administrar babel por sí solo.