小编典典

名为“ [DEFAULT]”的Firebase应用已存在REACT

reactjs

我是React的初学者,目前我尝试将我的第一个应用程序连接到Firebase数据库。

我有两个文件。第一个是config.js文件,其中存储了有关数据库的所有信息,如下所示:

`export default {
    apiKey: "***",
    authDomain: "***",
    databaseURL: "***",
    projectId: "***",
    storageBucket: "***",
    messagingSenderId: "***"
  };`

还有我的另一个文件App.js:

`import React, { Component } from 'react';
import './App.css';

//Firebase
import * as firebase from 'firebase';
import config from 'firebase';


class App extends Component {
constructor () {
    super()

    this.state = { loading: true }
    firebase.initializeApp(config)
  }

  componentWillMount () {
    const capsRef = firebase.database().ref('Capsules')

    capsRef.on('value', snapshot => {
      this.setState({
        Capsules: snapshot.val(),
        loading: false
      })
    })
  }

  render () {
    if (this.state.loading) {
      return (
        <p>Je suis en train de charger.</p>
      )
    }

    const capsRef = Object.keys(this.state.tweets).map(key => {
      return <p key={key}>{this.state.Capsules[key].designation}</p>
    })

    return (
      <div>


        <h1>Test</h1>

      </div>

    )
  }
}

export default App;`

因此,当我刷新浏览器时,出现一条错误消息:“ Firebase:名为’[DEFAULT]’的Firebase应用程序已经存在(app /
duplicate-app)。”

谁能帮我 ?现在已经一个星期了,我一直在寻找自己的解决方案。


阅读 300

收藏
2020-07-22

共1个答案

小编典典

不看代码很难说,但是您可以尝试:

if (!firebase.apps.length) {
  firebase.initializeApp(config);
}

在您的配置文件中。

2020-07-22