मैं क्लाउड फायरस्टोर से उत्पाद लाना चाहता हूं जिसे मैं इस तरह से स्टोर करता हूं firestore

  1. HelloWorld.vue घटक:

     import db from "./firebaseInit";
     export default {
       name: "HelloWorld",
       data() {
         return {
           products: [],
           imageURL: "",
         };
       },
    
       created () {
         db.collection("product").doc('t9tWJq7BTvqmPvxPjcxy').get();
       },
     }
    
  2. firebaseInit.js फ़ाइल:

    'firebase' से आयात fireabse

    आयात "फायरबेस/फायरस्टोर";

    आयात {firebaseConfig} "./firebaseConfig" से;

    const firebaseApp = fireabse.initializeApp (firebaseConfig)

    निर्यात डिफ़ॉल्ट firebaseApp.firestore ();

मुझे मिली त्रुटि है:

index.esm.js?ffa6:130 Uncaught TypeError: hasOwnProperty () पर eval (prebuilt-89214b55-2a7b2673.js?c244:14410) at et (prebuilt-89214b55-2a7b2673.js?c244) पर ऑब्जेक्ट में अपरिभाषित या नल को कन्वर्ट नहीं कर सकता :14412) नए ई (प्रीबिल्ट-89214b55-2a7b2673.js?c244:16077) पर eval (index.js?c68e:69) पर Component.eval [as exampleFactory] (index.js?c68e:66) प्रोवाइडर पर। FirebaseAppImpl._getService (index.esm.js?cc84:220) पर FirebaseAppImpl.firebaseAppImpl पर Provider.getImmediate (index.esm.js?ffa6:116) पर getOrInitializeService (index.esm.js?ffa6:218)। [फायरस्टोर के रूप में] (index.esm.js?cc84:432)

0
user shah 2 जिंदा 2021, 12:14

1 उत्तर

सबसे बढ़िया उत्तर

निम्नलिखित चाल करना चाहिए:

FirebaseConfig.js

import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/storage';   // Just as an example of how to add another Firebase service. 


const firebaseConfig = {
    apiKey: "...",
    authDomain: "...",
    //...
};

firebase.initializeApp(firebaseConfig);

const db = firebase.firestore();
const storage = firebase.storage();

export { db, storage };

HelloWorld.vue (एक दृश्य फ़ोल्डर में)

<script>
 const fb = require("../firebaseConfig.js");
 export default {
   name: "HelloWorld",
   data() {
     return {
       productData: null
     };
   },

   created () {
     fb.db.collection("product").doc('t9tWJq7BTvqmPvxPjcxy').get()
      .then(doc => {
        if (doc.exists) {
            this.productData = doc.data();
        } else {
            // doc.data() will be undefined in this case
            console.log("No such document!");
        }
   },
 }
</script>

ध्यान दें कि इस कोड के साथ आप केवल एक दस्तावेज़ ला रहे हैं.

अगर आप उत्पादों की एक श्रृंखला बनाना चाहते हैं, तो आपको क्वेरी करनी चाहिए संपूर्ण संग्रह, इस प्रकार है:

  created () {
    fb.db.collection("product").get()
      .then((querySnapshot) => {
        let productsArray = [];
        querySnapshot.forEach((doc) => {
           let p = doc.data();
           p.id = doc.id;
           productsArray.push(p);
          }
        });
        this.products = productsArray;
      })
      .catch((error) => {
        console.log(error);
      });
   },
1
Renaud Tarnec 2 जिंदा 2021, 14:36