Estoy trabajando en un proyecto en el que necesito implementar la base de datos Firestore en una aplicación React, lo cual me gusta así: tengo un archivo firebase.js en el directorio src que contiene información sobre Firebase y exporta un objeto db ,

 import { initializeApp } from "firebase/app"; import { getFirestore } from "firebase/firestore"; // Firebase project configuration const firebaseConfig = { apiKey: ... authDomain: ... databaseURL: ... projectId: ... storageBucket: ... messagingSenderId: ... appId: ... measurementId: ... }; const app = initializeApp(firebaseConfig); // Get a reference to the database service const db = getFirestore(app); export { db }

Luego trato de importar el objeto db de App.js ,

 import React, { Component } from 'react'; import { db } from './firebase' class App extends Component { render() { return ( <div> <h1>Hello</h1> </div> ); } } export default App;

Y aparece el siguiente error en la consola Uncaught SyntaxError: Cannot use import statement outside a module (at bundle.js:45109:2) , como resultado, el componente no se procesa.

La línea en la que parece haber un problema en bundle.js:45109:2 es esta:

 import { registerVersion } from '@firebase/app';