我正試圖用Firebase為我的React webapp設定用戶認證,但我在firebaseAuth.app()函式中遇到了錯誤。我試著在專案目錄下重新安裝Firebase和Firebase admin,將匯入的語法轉換為SDK 9,并重新排序某些陳述句,但似乎沒有任何效果。以下是我的App.js檔案:
import withFirebaseAuth from 'react-with-firebase-auth'
import firebase from 'firebase/compat/app'。
import 'firebase/auth';
import firebaseConfig from './firebaseConfig'/span>;
import "firebase/compat/app" ;
import "firebase/compat/analytics"。
import { initializeApp } from 'firebase/app'。
import { getAuth } from "firebase/auth"。
const firebaseApp = firebase.initializeApp(firebaseConfig)。
const firebaseAppAuth = firebaseApp.auth()。
const providers = {
googleProvider: new firebase.auth.GoogleAuthProvider()。
};
const {
用戶。
signOut,
signInWithGoogle,
} = this.props。
function App() {
return (
<div className="App"/span>>
<header className="App-head">
< img src={logo} className="App-logo" alt="logo" />
{
用戶
? <p>Hello, {user.displayName}</p>
: <p>請登錄。</p>/span>
}
{
用戶
? <buttononClick={signOut}> 簽出</按鈕>
: <button onClick={signInWithGoogle}> 用Google登錄</button>。
}
</header>
</div>
);
}
export default withFirebaseAuth({
提供者。
firebaseAppAuth,
})(App)。
我也有一個包含配置資訊的firebaseConfig.js檔案。很抱歉,因為我是React的新手。誰能幫助解決這個錯誤呢?
uj5u.com熱心網友回復:
嘗試將你所有的匯入改為compat版本:
import withFirebaseAuth from 'react-with-firebase-auth'>
import firebase from 'firebase/compat/app'。
import 'firebase/compat/auth';
import "firebase/compat/app";
import "firebase/compat/analytics"。
import firebaseConfig from ' ./firebaseConfig';
我建議查看并升級到新的模塊化SDK,但我不完全確定它是否能與'react-with-firebase-auth'或任何其他libs一起作業。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/322218.html
標籤:
上一篇:對不存在多種模式進行負向展望檢查
