我正在嘗試顯示來自 firestore 的資料。但我收到如下錯誤。
WEBPACK_IMPORTED_MODULE_1__firebase_init .a.collection 不是函式” error_image
我做了什么
首先，我創建了 init.js 以初始化 Firebase 并開始在我的 web 應用程式中使用 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 匯入了 db。我正在嘗試 console.log 來自 firebase 的資料，但它不起作用..
import db from '@/firebase/init'
...
created(){
db.collection('smoothies').get()
.then(snapshot => {
snapshot.forEach(doc => {
console.log(doc)
})
})
uj5u.com熱心網友回復：
嘗試洗掉此行
firebase.initializeApp(firebaseConfig);
您在下一行初始化 firestore。
const app = initializeApp(firebaseConfig);
您可以在此處找到有關如何初始化 firestore 的更多說明：https : //www.npmjs.com/package/firebase
uj5u.com熱心網友回復：
問題似乎是您的匯入方法 import db from '@/firebase/init'
通過db如下匯入來嘗試這個，
import { db } from 'firebase/firestore';
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/316638.html