Firebase 和 Gatsby Build 不能很好地协同工作

Question

尝试登录时出现以下错误：

u.a.auth不是一个函数

错误出现在Login.js:中的这一行

app.auth().setPersistence(firebase.auth.Auth.Persistence.NONE);

在顶部，我有import app from "./base.js";

在base.js中，我有

import firebase from 'firebase/app';
var config = {
....
};
var app;
if(firebase.apps && firebase.apps.length > 0) {
app = firebase.apps[0];
} else {
app = firebase.initializeApp(config);
}
export default app;

那是在我运行之后

gatsby构建

盖茨比发球

Answer 1

你好，这是我的做法。它运行良好：

import React from "react";
import firebase from "firebase";
...
const LoginForm = () => {
const login = values => {
firebase
.auth()
.signInWithEmailAndPassword(values.email, values.password)
.then(() => { firebase.auth().setPersistence(firebase.auth.Auth.Persistence.SESSION);
navigate("/app/profile");
})
.catch(error => {
console.log("do something with the error:", error);
});
}
return(
<form onSubmit={login}>
form details
</form>
);
};
export default LoginForm;