FirebaseError：无法获取文档，因为客户端处于脱机状态

Question

我正在使用 React 16.13.1

我正在尝试从“列表”集合中获取文档。 如果我注释掉第 15 到 24 行并取消注释第 25 行，它将起作用。

但是，我收到了这个错误： “FirebaseError：无法获取文档，因为客户端离线。”

第 24 行传递给 getDoc() 的参数与第 25 行相同。

有谁知道为什么会发生这种情况以及如何在使用第 18 行时让 getDoc() 函数工作？

更新：我注意到我可以毫无错误地调用数据库，但只有在登录后我才会收到错误“FirebaseError: Failed to get document because the client is offline”

1.   import React, { useState, useEffect } from 'react'
2.   import { Redirect } from 'react-router-dom'
3.   import Firebase from '../../services/Firebase/firebase'
4.   import useStyles from './styles.js'
5.
6.   const Login = ({ currentUser, setCurrentUser }) => {
7.   const [username, setUsername] = useState('')
8.   const [password, setPassword] = useState('')
9.   const [error, setError] = useState(null)
10.
11.  const classes = useStyles()
12.
13.  const handleForm = async e => {
14.    e.preventDefault()
15.    let email = username + '@site.com'
16.    let document
17.    try {
18.      document = await Firebase.doSignInWithEmailAndPassword(email, password)
19.    } catch (err) {
20.      setError('Sorry, there was an issue with your account. Please try again later.')
21.    }
22.    const { user } = document
23.    console.log(user.uid)
24.    getDoc(user.uid)
25.    // getDoc('GeAT8UytRYSax49VNwSYAzFrp7t1')
26.  }
27.
28.  const getDoc = async (uid) => {
29.    try {
30.      const list = await Firebase.database.collection('List').doc(uid).get()
31.      console.log(list)
32.    } catch(err){
33.      console.log(err)
34.    }
35.  }
36.
37.  return (
38.    <>
39.    {/* Some HTML */}
40.    </>
41.  )
42.  }
43.
44.  export default Login

Answer 1

每当我的控制台以开发模式在 chrome 中打开时，我都会遇到同样的问题。自从更新到 firebase 7.15.1 我没有遇到这个问题。

Answer 2

我认为你需要等待文件

13.  const handleForm = async e => {
14.    e.preventDefault()
15.    let email = username + '@site.com'
16.    let document
17.    try {
18.      document = await Firebase.doSignInWithEmailAndPassword(email, password)
19.    } catch (err) {
20.      setError('Sorry, there was an issue with your account. Please try again later.')
21.    }

22.    if (document) {
23.      getDoc(user.uid)
24.    }

26.  }

Answer 3

我认为在这种情况下需要考虑一些重要的事情。

1. 确保您的互联网连接良好。客户可能会认为它在线。
2. 您可能试图引用尚未创建的集合/文档。因此，您可以使用虚拟文档创建集合，也可以等待文档创建完成。
3. 您甚至可以尝试简单的操作，例如重新启动 Web 浏览器。