检索数据时出现Vue/Firestore/Firebase错误
我正在使用Firestore数据库创建Vue JS应用程序,但Firestore导入(可能)中的某个地方有问题。 这是一个简单的应用程序,只存储了一些员工的详细信息,这些信息(最初)要显示出来以测试其工作情况。(它没有!)它只是使用“firebase”:“^5.0.4”,而不是vue firebase或其他插件 它的Firestore不是Firebase实时数据库 因此,在firebase init.js配置文件中,所有的基本配置选项如下所示检索数据时出现Vue/Firestore/Firebase错误,firebase,vue.js,google-cloud-firestore,Firebase,Vue.js,Google Cloud Firestore,我正在使用Firestore数据库创建Vue JS应用程序,但Firestore导入(可能)中的某个地方有问题。 这是一个简单的应用程序,只存储了一些员工的详细信息,这些信息(最初)要显示出来以测试其工作情况。(它没有!)它只是使用“firebase”:“^5.0.4”,而不是vue firebase或其他插件 它的Firestore不是Firebase实时数据库 因此,在firebase init.js配置文件中,所有的基本配置选项如下所示 import * as firebase from
import * as firebase from 'firebase'
// Initialize Firebase
var config = {
apiKey: "AIzaSyCyKS3QxqtR9HvetpT2vWKFNxa_yeRKdhA",
authDomain: "vuefsprod-fc778.firebaseapp.com",
databaseURL: "https://vuefsprod-fc778.firebaseio.com",
projectId: "vuefsprod-fc778",
storageBucket: "vuefsprod-fc778.appspot.com",
messagingSenderId: "1048509841840"
}
firebase.initializeApp(config)
var auth = firebase.auth()
var db = firebase.database()
export function signOut (callback) {
auth.signOut().then(value => {
callback()
}, err => { callback(err) })
}
export default 'firebase/firestore'
[Vue warn]: Error in created hook: "TypeError: __WEBPACK_IMPORTED_MODULE_0__firebaseInit__.a.collections is not a function"
found in
---> <Home> at src/components/HelloWorld.vue
然后测试它的脚本片段如下(在Helloworld.vue中)
Thread编译显示的应用程序,但控制台中出现如下警告错误
import * as firebase from 'firebase'
// Initialize Firebase
var config = {
apiKey: "AIzaSyCyKS3QxqtR9HvetpT2vWKFNxa_yeRKdhA",
authDomain: "vuefsprod-fc778.firebaseapp.com",
databaseURL: "https://vuefsprod-fc778.firebaseio.com",
projectId: "vuefsprod-fc778",
storageBucket: "vuefsprod-fc778.appspot.com",
messagingSenderId: "1048509841840"
}
firebase.initializeApp(config)
var auth = firebase.auth()
var db = firebase.database()
export function signOut (callback) {
auth.signOut().then(value => {
callback()
}, err => { callback(err) })
}
export default 'firebase/firestore'
[Vue warn]: Error in created hook: "TypeError: __WEBPACK_IMPORTED_MODULE_0__firebaseInit__.a.collections is not a function"
found in
---> <Home> at src/components/HelloWorld.vue
[Vue warn]:创建的钩子中出现错误:“TypeError:\u网页包\u导入的\u模块\u 0\u firebaseInit\u.a.集合不是函数”
发现于
--->位于src/components/HelloWorld.vue
并且没有数据显示到控制台,employees集合中有6项
我还想知道a系列中的“a”来自哪里
任何关于这方面的提示或更好的方法,比如使用vue firebase或其他,都是非常受欢迎的。下面是截图
非常感谢您使用实时数据库(RTDB)服务而不是Firestore服务声明数据库:
var db = firebase.database() // <- RTDB
由于RTDB没有集合,因此会收到错误“集合不是函数”
仅供参考,此处记录了不同的可用服务,以及如何访问/声明它们。您使用实时数据库(RTDB)服务而不是Firestore服务声明数据库:
var db = firebase.database() // <- RTDB
由于RTDB没有集合,因此会收到错误“集合不是函数”
仅供参考,此处记录了不同的可用服务,以及如何访问/声明这些服务。问题在于如何从firebase db检索数据
db.collections('employees')
请将其更新至
db.collection('employees')
这应该可以解决这个问题。问题在于如何从firebase db检索数据
db.collections('employees')
请将其更新至
db.collection('employees')
这应该可以解决这个问题。嗨,你试过了吗,但是没有乐趣,我仍然得到了完全相同的错误?Hello@minimallinux你最终解决问题了吗?你认为你能接受这个答案吗?嗨,你试过了,但是没有乐趣,我仍然得到完全相同的错误?你好@minimallinux你最终解决了这个问题吗?你认为你能接受这个答案吗?