Reactjs 获取Firebase:没有Firebase应用程序';[默认]';已创建错误

Reactjs 获取Firebase:没有Firebase应用程序';[默认]';已创建错误,reactjs,firebase,firebase-realtime-database,firebase-authentication,Reactjs,Firebase,Firebase Realtime Database,Firebase Authentication,好的,我想我知道为什么会发生这个错误,因为firebase尚未初始化,但我正在尝试访问它,但我不明白为什么,因为我相信我在index.html中初始化了它。认为这是一个操作顺序/异步的东西 无论如何,我部署到Firebase主机,所以根据 我应该能够将放在SDK加载下面以初始化firebase。我不明白的是,这是否真的像行firebase.initializeApp()那样初始化firebase应用程序?基本上,我认为我的问题是,要么脚本确实为我初始化了firebase应用程序,我只是试图在它完

好的,我想我知道为什么会发生这个错误,因为firebase尚未初始化,但我正在尝试访问它,但我不明白为什么,因为我相信我在index.html中初始化了它。认为这是一个操作顺序/异步的东西

无论如何,我部署到Firebase主机,所以根据

我应该能够将
放在SDK加载下面以初始化firebase。我不明白的是,这是否真的像行
firebase.initializeApp()
那样初始化firebase应用程序?基本上,我认为我的问题是,要么脚本确实为我初始化了firebase应用程序,我只是试图在它完成之前在我的react函数中访问它,要么我需要单独运行
firebase.initializeApp()

尝试在react上尽可能正确地实现FirebaseUi for auth。

react.useEffect()
,每个名称都是一个副作用,不能保证它在渲染之前运行

请参见示例-渲染、渲染,然后是效果。事实上,它甚至在渲染之前都不会被调用

一些注意事项:

  • 应在调用
    ReactDOM.render()
    之前调用firebase.initializeApp(根据注释)
  • useEffect必须具有依赖项,否则,它将在每个渲染上运行。(调用
    firebase.auth().onStateChanged(user=>setIsSignedIn(user)
    effect时应使用[]作为第二个参数`)

请分享您的全部代码…@YairCohen认为我不能再编辑了,但这是一个链接,指向我认为是我代码相关部分的内容。我不确定这是否是问题所在,但请尝试将完整的配置代码放在下面的示例中:如果不起作用,我会尝试在其他地方初始化Firebase,可能像下面的示例:
Initialize Firebase in your app (no need to include your Firebase config object when using reserved Hosting URLs):