我不知道為什么會發生這個錯誤……但我懷疑這個檔案會導致什么？？特別是，firebaseAuth={getAuth(app)}可能是一個問題。在此之前，const app = initializeApp(firebaseConfig);定義在"../firebase/firebase"
import React from "react";
import StyledFirebaseAuth from "react-firebaseui/StyledFirebaseAuth";
import { app } from "../firebase/firebase";
import { getAuth, createUserWithEmailAndPassword, EmailAuthProvider, GoogleAuthProvider, GithubAuthProvider } from "firebase/auth";
// Configure FirebaseUI.
const uiConfig = {
signInFlow: 'popup',
signInSuccessUrl: "/",
signInOptions: [
EmailAuthProvider.PROVIDER_ID,
GoogleAuthProvider.PROVIDER_ID,
GithubAuthProvider.PROVIDER_ID,
],
};
export default function SignInScreen() {
return (
<div>
<h1>PolygonHR Login</h1>
<p>Please sign-in:</p>
<StyledFirebaseAuth uiConfig={uiConfig} firebaseAuth={getAuth(app)} />
</div>
);
}
uj5u.com熱心網友回復：
使用新版本的 Firebase，匯入的語法發生了變化。試試這個：
import { initializeApp } from 'firebase/app';
我建議你閱讀這篇文章來識別和修復你的應用程式中的其他問題。
https://firebase.googleblog.com/2021/08/the-new-firebase-js-sdk-now-ga.html
uj5u.com熱心網友回復：
最后，我發現我上面使用的這個名為“react-firebaseui/StyledFirebaseAuth”的庫支持 firebase 版本 8.xx 而不是上面的 v9，所以這就是標題中顯示此錯誤訊息的原因。
為了解決這個問題，
- 降級并調整庫所需的 Firebase 版本
- 或將庫切換為另一個庫以顯示身份驗證按鈕。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/337417.html
標籤：javascript 反应 打字稿 火力基地 下一个.js
下一篇：SQL：遞回更新表中的xml列