Estoy siguiendo este tutorial de clonación de Twitter (usando Vue) , y alrededor de las 01:30:00 conecta su aplicación a firebase.

1. Creé firebase DataBase y copié los parámetros de firebase.

2. Ingresé un documento ficticio a la base de datos.

3. Cloné el repositorio de GitHub para este proyecto y cambié el archivo 'firebase.js' con los parámetros de firebase.

Este es firebase.js :

 import firebase from "firebase/app" import "firebase/firestore" const firebaseConfig = { apiKey: "...", authDomain: "...", projectId: "...", storageBucket: "...", messagingSenderId: "...", appId: "...", } firebase.initializeApp(firebaseConfig) let db = firebase.firestore() export default db

Y obtuve el siguiente error (en Chrome en 'localhost: 8080'):

 Uncaught FirebaseError: "projectId" not provided in firebase.initializeApp. at new n (prebuilt-306f43d8-45d6f0b9.js?fef0:188) at eval (prebuilt-306f43d8-45d6f0b9.js?fef0:14819) at nt (prebuilt-306f43d8-45d6f0b9.js?fef0:14821) at new n (prebuilt-306f43d8-45d6f0b9.js?fef0:15414) at eval (index.js?1c42:69) at Component.eval [as instanceFactory] (index.js?1c42:66) at Provider.getOrInitializeService (index.esm.js?a40d:338) at Provider.getImmediate (index.esm.js?a40d:130) at FirebaseAppImpl._getService (index.esm.js?8d00:219) at FirebaseAppImpl.firebaseAppImpl.<computed> [as firestore] (index.esm.js?8d00:437)

4. Cambié el 'firebase.js' con el ejemplo que en el sitio web de Vue.

firebase.js :

 // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional import { initializeApp } from "firebase/app"; const firebaseConfig = { apiKey: "...", authDomain: "...", projectId: "...", storageBucket: "...", messagingSenderId: "...", appId: "...", measurementId: "..." }; // Initialize Firebase const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app);

Pero sigo recibiendo el mismo error (como en la sección 3).