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

如果我没有误会，我应该得到连接成功！＆＃34;消息在我的数据库中，但它无法正常工作。

相反，我得到了一个控制台error。我在网上环顾四周，发现一些有类似错误的人说添加：

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

到我的webpack.config.json会修复它。我试过了，而且我没有真正的工作。

我没有再收到这些错误，而是获得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()...

import firebase而非import * as firebase，不知道Firebase模块导出的内容，但可能会改变这些内容;
我初始化了一个变量，我分配了Firebase初始化的结果（var fire = firebase.initalize...），然后我用它来调用db，storage等等。

对我来说，它完美无瑕，不知道是不是由于版本不同，或者它只是代码。

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

1 个答案: