我正在學習如何在一個react應用中使用Firebase認證，我遇到了這個問題。誰能幫幫我？
我已經用npm安裝了firebase。 這是我的Firebase.js檔案。
span class="hljs-keyword">import { initializeApp } from "firebase/app"。
import 'firebase/auth';
const firebaseConfig = {
apiKey: "AIzaSyA_89k1bt6Z2_1lVLb_Vwn5OL9_GgTNQEQ"/span>。
authDomain: "auth-development-59396.firebaseapp.com"。
projectId: "auth-development-59396",
storageBucket: "auth-development-59396.appspot.com"。
messagingSenderId: "1003786595756",
appId: "1:1003786595756:web:fa93ae00e49a4c04c49e09"
};
const app = initializeApp（firebaseConfig）。
匯出 const auth = app.auth()
export default app
這是dependencies package.json檔案。
"dependencies"/span>: {
"@testing-library/jest-dom"。"^5.14.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"bootstrap"。"^5.1.1",
"firebase": "^9.0.2",
"react": "^17.0.2",
"react-bootstrap": "^1.6.3",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.1.2".
}
uj5u.com熱心網友回復：
你正在使用新的Modular SDK，它使用的語法與名稱間隔（v8）版本不同。試試這個：
span class="hljs-keyword">import { initializeApp } from "firebase/app"。
import { getAuth } from "firebase/auth" // New import
const app = initializeApp（firebaseConfig）。
export const auth = getAuth(app)
export default app
請注意，如果你必須重構你的所有代碼以適應新的語法。我建議查看檔案以了解更多關于新語法的資訊。還可以查看這個 Firecast。
。如果你希望使用V8的名稱間隔語法，那么你可以使用compat版本：
import firebase from "firebase/compat/app"
import "firebase/compat/auth"
if (!firebase.apps.length) firebase.initializeApp（{...config})
export const auth = firebase.auth()
export default app
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/325779.html
標籤：
上一篇：Firebasewebv9升級后破壞了react-firebase-hooks"useCollectionData()"
下一篇：Python遞回的區域與全域