我是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)。”
谁能帮我 ?现在已经一个星期了,我一直在寻找自己的解决方案。
不看代码很难说,但是您可以尝试:
if (!firebase.apps.length) { firebase.initializeApp(config); }
在您的配置文件中。