我是 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);
}
在你的配置文件中。
关于javascript - 名为 '[DEFAULT]' 的 Firebase 应用程序已存在 REACT,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51170535/