我正在嘗試初始化一個 firebase 應用程式，但我不明白如何或在哪里呼叫它。
我有一個檔案名 fire.tsx，里面有一個對 firebase 的initializeApp. 但是現在呢？如何將其包含在我的應用程式中？
我以為只是通過添加import { firebaseApp, firebaseAnalytics } from './fire';到 App.tsx 的頂部它會作業，但顯然它沒有。我這樣做錯了嗎？
import firebase from "firebase";
import "firebase/auth";
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
const firebaseConfig = {
apiKey: "xxx-xx-xx",
authDomain: "xxx-xx-xx",
databaseURL: "xxx-xx-xx",
projectId: "xxx-xx-xx",
storageBucket: "xxx-xx-xx",
messagingSenderId: "xxx-xx-xx",
appId: "xxx-xx-xx",
measurementId: "xxx-xx-xx"
};
const firebaseApp = initializeApp(firebaseConfig);
export default firebaseApp;
export const firebaseAuth = firebase.auth();
export const firebaseAnalytics = getAnalytics();
應用程式.tsx
import { firebaseApp, firebaseAnalytics } from './fire';
uj5u.com熱心網友回復：
使用新的模塊化 SDK 只是因為在未來的更新中將洗掉兼容版本。嘗試以這種方式重構代碼：
import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getAnalytics } from "firebase/analytics";
const firebaseConfig = {
apiKey: "xxx-xx-xx",
authDomain: "xxx-xx-xx",
databaseURL: "xxx-xx-xx",
projectId: "xxx-xx-xx",
storageBucket: "xxx-xx-xx",
messagingSenderId: "xxx-xx-xx",
appId: "xxx-xx-xx",
measurementId: "xxx-xx-xx"
};
const firebaseApp = initializeApp(firebaseConfig);
export const firebaseAuth = getAuth(firebaseApp);
export const firebaseAnalytics = getAnalytics(firebaseApp);
新的模塊化 SDK 會檢查是否已經創建了默認實體，因此您不必喜歡以前的版本。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/330792.html
標籤：javascript 反应 火力基地 ecmascript-6