我已經安裝了Firebase，也已經登錄了。
我在匯入時得到了一個完全白色的螢屏。
這是firebase.js檔案
import firebase from 'firebase'
//從你需要的SDK中匯入你需要的函式。
import { initializeApp } from "firebase/app"。
// TODO:為你想使用的Firebase產品添加SDK。
// https://firebase.google.com/docs/web/setup#available-libraries
//你的Web應用的Firebase配置
const firebaseConfig = {
apiKey: "AIzaSyBb9O35r_N--vwBZNfpxY3vZHzi4wH1oII"/span>。
authDomain: "fir-237a1.firebaseapp.com"。
projectId: " fir-237a1",
storageBucket: "fir-237a1.appspot.com",
messagingSenderId: "1055799909510",
appId: "1:1055799909510:web:c90fad7d5113500585c507"
};
//初始化Firebase。
const app = initializeApp（firebaseConfig）。
const db = app.firestore（）。
const auth = firebase.auth();
const provider = new firebase.auth.GoogleAuthProvider（）。
export { db, auth, provider };
這里是我匯入Firebase、SendMail.js檔案的地方
span class="hljs-keyword">import { db } from "./firebase.js"/span>
import firebase from 'firebase'。
function SendMail（） {
const { register, handleSubmit, watch, formState: { errors } } = useForm()。
const dispatch = useDispatch();
const onSubmit = (formData) => {
console.log（formData）。
db.collection（'emails'）.add({
to: formData.to,
subject: formData.subject,
message: formData.message。
timestamp: firebase.firestore.FieldValue.serverTimestamp（）。
});
dispatch(closeSendMessage()) 。
};
uj5u.com熱心網友回復：
如果檔案是一個接一個的，在這里匯入：
span class="hljs-keyword">import { db } from "./firebase.js"/span>
應該是這樣的：
import { db } from "/firebase.js"/span>
沒有"."。如果你使用"."，檔案將在上面的檔案夾中被搜索到，這就是它的樣子。它將進入src檔案夾，該檔案夾很可能在你的檔案所在的檔案夾之上。
同時更新你的firebase.js檔案為：
import { getFirestore } from "firebase/firestore"。
import { getAuth, GoogleAuthProvider } from "firebase/auth"。
//從你需要的SDK中匯入你需要的函式。
import { initializeApp } from "firebase/app"。
// TODO:為你想使用的Firebase產品添加SDK。
// https://firebase.google.com/docs/web/setup#available-libraries
//你的Web應用的Firebase配置
const firebaseConfig = {
apiKey: "AIzaSyBb9O35r_N--vwBZNfpxY3vZHzi4wH1oII"/span>。
authDomain: "fir-237a1.firebaseapp.com"。
projectId: " fir-237a1",
storageBucket: "fir-237a1.appspot.com",
messagingSenderId: "1055799909510",
appId: "1:1055799909510:web:c90fad7d5113500585c507",
};
//初始化Firebase。
const app = initializeApp（firebaseConfig）。
const db = getFirestore（）。
const auth = getAuth();
const provider = new GoogleAuthProvider() 。
export { db, auth, provider };
并確保你使用最新的Firebase JS SDK版本9.x
。剛剛看到你的很多代碼在 repo 中有舊的 SKD 8。你可以通過使用新SDK中的compad版本保持這種語法，或者重構你的代碼以使用SDK版本9的新語法。這里有一個遷移指南。
您需要在這兩個選項中選擇一個。我建議你遷移到新的版本。
使用新的SDK版本，你甚至不需要firebase.js檔案。你的代碼將看起來像這樣：
span class="hljs-keyword">import { getFirestore, addDoc, collection } from "firebase/firestore"。
function SendMail(/span>) {
const {
注冊。
handleSubmit,
觀察。
formState: { errors },
} = useForm()。
const dispatch = useDispatch();
const onSubmit = (formData) => {
console.log（formData）。
addDoc(collection(db, "emails"/span>), {
to: formData.to,
subject: formData.subject,
message: formData.message,
timestamp: firebase.firestore.FieldValue.serverTimestamp（）。
});
};
dispatch(closeSendMessage()) 。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/331054.html
標籤：
上一篇：在解決的同時。@typegoose/[email protected]!發現：[email protected]_modulesmongoose