我无法让 Firebase 在我的 React 项目上工作

Question

我试图让firebase从事我的react项目(使用webpack v3(，但是我有一些问题。

我在我的package.json和firebase.js文件中添加了"firebase": "^4.10.1"，我添加了以下内容：

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';

如果我没有误解，我应该获得"连接成功！"在我的数据库中介绍了消息，但它不起作用。

相反，我会收到控制台错误。我在网上环顾四周，发现一些错误的错误，说

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(在此处进行完整错误(。我一直在寻找它，并在使用var firebase = require("firebase/app");而不是import的Firebase文档上找到了这一点。我尝试过，但仍然没有起作用。

我尝试使用yarn add util，但无济于事。

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

Answer 1

我在这种方式中使用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，存储等。

对我来说，它可以完美地工作，不知道它是否是由于不同的版本或仅仅是代码。