javascript - Firebase 实时数据库 - "Error: Client is offline"。 react /NextJS

标签 javascript reactjs firebase firebase-realtime-database next.js

将 React 与 NextJS 一起使用时,从 Firebase 实时数据库获取数据时偶尔会出现以下错误。

Unhandled Runtime Error
Error: Error: Client is offline.
我正在使用 Firebase 9.0.1对于 react 。
用于初始化和配置的顶级代码
import { initializeApp } from "firebase/app";
import { getDatabase, ref, onValue, child, get } from "firebase/database";
import CONFIG from '../CONFIG.json'


const FIREBASE_CONFIG = {
  apiKey: CONFIG['FIREBASE_API_KEY'],
  authDomain: CONFIG['FIREBASE_AUTH_DOMAIN'],
  databaseURL: CONFIG['FIREBASE_DATABASE_URL'],
  storageBucket: CONFIG['FIREBASE_STORAGE_BUCKET']

}
const fbApp = initializeApp(FIREBASE_CONFIG)
然后获取数据
export default function Leads() {
  ...

  useEffect(() => {
    const database = getDatabase(fbApp)
    const ads = ref(database, 'ad_results')

    get(ads).then((snap) => {
      const results = snap.val()
      ...
我曾尝试搜索类似的问题,但无济于事,任何帮助将不胜感激。

最佳答案

我的 Cloud Functions 遇到了同样的问题,这非常令人困惑。经过几个小时的调试,我发现 .get()实时数据库的方法导致了这个问题。我目前的解决方法是改用 .once('value') .
所以我改变了我的代码:

await database.ref(`foo/bar`).get();
await database.ref(`foo/bar`).once('value');

关于javascript - Firebase 实时数据库 - "Error: Client is offline"。 react /NextJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69007208/

相关文章:

javascript - Knockout js 隐藏了我的 html 代码

javascript - 如何在 Ext js 饼图中的 donut 孔中显示总计

javascript - PHP 将日期转换为 "blank"天/小时/秒前

reactjs - 使用 HOC 组件 React 重建树(导致输入字段焦点丢失)

java - 使用 smack4.2 firebase xmpp 发送消息错误

Firebase notification_receive 未显示在 Firebase 分析中的事件中

node.js - 使用 Twilio 发送数百条不同号码的短信导致发送重复消息

javascript - 将字符串中的变量替换为值

node.js - 将文件上传到开发服务器后如何防止页面重新加载?

javascript - 为什么这个基本的 react-beautiful-dnd 示例没有动画