ReactJS Firebase 和 Firebase 函数之间是否存在冲突？答案

【问题标题】：Is there a conflict between ReactJS Firebase and Firebase Functions?ReactJS Firebase 和 Firebase 函数之间是否存在冲突？
【发布时间】：2021-04-23 06:32:16
【问题描述】：

我有一个使用 Firebase 的 ReactJS 应用程序。

我关注Robin Wieruch's React/Redux/Firebase Tutorial。

然后我添加了 Firebase 功能，现在我的应用无法启动。我得到的错误是，例如，实例化 Firebase 类时 app.database() 不是函数。

这是一个简短的sn-p：

import app from 'firebase/app';
import 'firebase/auth';
import 'firebase/database';
import 'firebase/storage'

import config from './config'

class Firebase {
  constructor() {
    
    app.initializeApp(config);

    /* Helper */

    this.serverValue = app.database.ServerValue;
    this.emailAuthProvider = app.auth.EmailAuthProvider;

    /* Firebase APIs */

    this.auth = app.auth();
    this.db = app.database();
}

我的应用程序在没有功能的旧存储库中运行，所以我唯一能想到的是添加 Firebase 功能引入了一些冲突。

目录结构为：

src/
node_modules/
functions/
functions/node_modules/

有什么想法吗？

谢谢！

【问题讨论】：

您是指 Firebase 云功能吗？您将它们安装在与 React 应用程序相同的目录中是否有原因？就 Node 正确解析模块而言，这似乎是自找麻烦。
我猜你是对的。我在以前的项目中安装了它们，从未遇到任何问题。另一方面，我没有使用 Firebase 类实例化。你知道卸载是否复杂吗？
不应该。移动您需要的代码，删除您的node_modules 目录并再次运行npm 或yarn 安装
谢谢。我删除了函数文件夹，但仍然遇到问题。我想我看到了这个问题。当我在 app.initialize() 之后 console.log 应用程序时，我看到了分析、身份验证等，但没有看到数据库和 firestore。你知道我是如何添加这些功能的吗？
我不知道为什么没有数据库。 Firestore 不存在，因为您没有导入它。

标签： reactjs firebase

【解决方案1】：

只是一个猜测...您是否可能需要导入函数和this.functions = app.functions()，就像使用 db 和 auth 一样？

【讨论】：

嗯，值得一试，但问题是我收到一条错误消息，提示 app.database() 不是函数。