我无法让 Firebase 处理我的 React 项目

Question

我正在尝试让 firebase 处理我的 React 项目（使用 Webpack v3），但我遇到了一些问题。

我将"firebase": "^4.10.1" 添加到我的package.json 并在firebase.js 文件中添加了这个：

import * as firebase from 'firebase';

const config = {
    apiKey: "API_KEY",
    authDomain: "DOMAIN",
    databaseURL: "DATA_URL",
    projectId: "ID",
    storageBucket: "STORAGE_BUCKET",
    messagingSenderId: "SENDER_ID"
};

firebase.initializeApp(config);

firebase.database().ref().set({
    message: 'Connection Successful!'
});

在我的 app.js 上，我导入了 firebase.js 文件。 import './firebase/firebase';

如果我没记错的话，我应该得到“连接成功！”在我的数据库中发送消息，但它不起作用。

相反，我得到了一个控制台error。我在网上看了一圈，发现有几个人有类似的错误说添加：

node: {
console: true,
fs: 'empty',
child_process: 'empty',
net: 'empty',
tls: 'empty',
dgram: 'empty',
dns: 'empty',
}

我的webpack.config.json 会解决它。我试过了，id并没有真正起作用。

我没有再收到这些错误，而是收到Uncaught TypeError: util.inherits is not a function（完全错误here）。我一直在寻找并在 firebase 文档中找到this，他们使用var firebase = require("firebase/app"); 而不是import。我试过了，还是不行。

我试过yarn add util，但无济于事。

知道为什么会发生这种情况和/或如何解决它吗？ 谢谢。

Answer 1

我以这种方式在 React 中使用 Firebase：

import firebase from 'firebase'
var config = {
    ...
};
var fire = firebase.initializeApp(config);
fire.database().ref()...

1. import firebase 而不是 import * as firebase，不知道 Firebase 模块会导出什么，但也许这会改变事情；
2. 我初始化了一个变量，我将 Firebase 初始化的结果 (var fire = firebase.initalize...) 分配给该变量，然后我使用它来调用 db、storage 等。

对我来说，它完美无瑕，不知道是因为版本不同还是只是代码。