代码之家 › 专栏 › 技术社区 › castlenibill

Firebase无法从数据库“db.collection不是函数”检索数据

google-cloud-firestore firebase javascript

castlenibill · 技术社区 · 6 年前

无法从firebase数据库中获取任何内容。显示以下错误:

Uncaught TypeError: db.collection is not a function

我在此处设置了脚本,如图所示:

var config = {
  apiKey: "*****",
  authDomain: "*****",
  databaseURL: "*****",
  projectId: "*****",
  storageBucket: "*****",
  messagingSenderId: "*****"
};
firebase.initializeApp(config);
const db = firebase.database();

const firstName = document.querySelector('#firstName').value;
const mainButton = document.querySelector('#mainButton');

mainButton.addEventListener('click', () => {
  db.collection("users").doc().set({
      first: firstName,
  })
  .then(function() {
      console.log("Document successfully written!");
  })
  .catch(function(error) {
      console.error("Error writing document: ", error);
  });
});

<input id="firstName" type="text" name="first-name" required>
<button id="mainButton" type="button">Submit</button>

我错过了什么?

2 回复 | 直到 6 年前

Peter Haddad 6 年前

更改此项:

const db = firebase.database();

对此:

const db = firebase.firestore();

因为您使用的是firestore,而不是实时数据库。

Peter Csala Will Young 2 年前

import { doc, setDoc } from 'firebase/firestore';

const userRef = doc(db, "users");
setDoc(userRef, {
                first: firstName,
            });

顺便说一下:

const paymentRef = doc(db, collection, user?.uid, "subcollection", paymentIntent.id);
            setDoc(paymentRef, {
                basket: basket,
                amount: paymentIntent.amount,
                created:    paymentIntent.created
            });

这就是您可以引用文档并设置或创建的方式。如果不存在,firebase将创建。。。

推荐文章

Krish Patel · 如何在加载组件之前加载数据?

1 年前

Kortus · 如何监控是否为特定用户创建了新文档

1 年前

giroprotagonist · 部署Firebase Typescript函数错误;解组package.json:json:无法将bool解组到Go结构字段PackageJSON.devDependencies

1 年前

Sanmoy Roy · 当我尝试移动到特定布局时,我的应用程序崩溃(关闭)

2 年前

taha khamis · 如何限制用户在firestore数据库中创建多个文档?

2 年前

Demonix · React Firebase onSnapshot为映射函数返回null

2 年前

Pratul Pant · Firebase正在另一个应用服务器上上传和获取数据

2 年前

ImDarkk · FirebaseError:权限缺失或不足。使用getDocs()

2 年前

Fabian Mayer · 键不是数字时的Foreach

2 年前

user15137953 · 已求解的对象作为React子对象无效。如果要渲染子级集合,请改用数组。反应

2 年前