Я пытаюсь отобразить данные из firestore. Но я получаю следующую ошибку.

WEBPACK_ИМПОРТИРОВАННЫЙ_МОДУЛЬ_1__firebase_init.a.коллекция не является функцией» error_image

что я сделал

Во-первых, я создал init.js для того, чтобы инициализировать Firebase и начать использовать SDK в моем веб-приложении. Я импортировал несколько модулей, но не уверен, нужны ли они мне для моего приложения списка задач.

 import * as firebase from "firebase/app";
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { getfirestore, where, query } from 'firebase/firestore';
import { getFirestore, collection, getDocs } from 'firebase/firestore/lite';

const firebaseConfig = {
  apiKey: *****,
  authDomain: *****
  projectId: *****
  storageBucket: *****
  messagingSenderId: *****
  appId: *****,
  measurementId: *****
};



firebase.initializeApp(firebaseConfig);
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
// const db = getFirestore(app);

export default getFirestore(app);
 

Затем в моем файле index.vue я импортировал бд из init.js, который я создал выше. И я пытаюсь тебя утешить.регистрируйте данные из firebase, но они не работают..

 import db from '@/firebase/init'
...
created(){
    db.collection('smoothies').get()
    .then(snapshot => {
      snapshot.forEach(doc => {
        console.log(doc)
      })
    })
 

Попробуйте удалить эту строку firebase.initializeApp(firebaseConfig);

Вы инициализируете firestore в следующей строке. const app = initializeApp(firebaseConfig);

Вы можете найти дополнительные инструкции по инициализации firestore здесь: https://www.npmjs.com/package/firebase

Проблема, по-видимому, заключается в вашем методе импорта, который import db from '@/firebase/init'

Попробуйте сделать это, импортировав db следующим образом,

  import { db } from 'firebase/firestore';