我在使用带有 react 的 firebase 时出现了一个问题,它告诉我它找不到模块,但我已经正确安装了它,我安装了 firebase 凭据的文件是:
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { firebase } from 'firebase/app';
import 'firebase/auth'
const firebaseConfig = {
apiKey: "x",
authDomain: "x-x.x.com",
projectId: "x-x",
storageBucket: "x-x.x.com",
messagingSenderId: "x",
appId: "1:x:web:x",
measurementId: "G-x"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const auth = app.auth();
export { auth }
然后我从 login.jsx 调用文件
import React from 'react'
import '../css/login.css'
import {auth} from '../firebaseconfig' // <--- aca
const Login = () => {
return (
<div>
<form action="">
<input type="text" placeholder="Email"/>
<input type="password" name="" id="" placeholder="********"/>
<input type="submit" value="Enviar" />
</form>
</div>
)
}
export default Login
我不明白我错误安装了什么,我已经做了几件事并到处调查,但我找不到解决方案,这是我发生在 firebase 的第三份工作,我必须删除才能开始另一个但我找不到问题出在哪里。
这是错误:
我已经多次删除了“yarn.lock”,并且我还重新安装了不同版本的 firebase,我提前感谢您的所有帮助。
看起来你的进口是错误的。如果您查看Firebase 官方文档,
import
它们的做法会有所不同:同样的事情也发生在我身上。似乎存在问题,具体取决于您拥有的 firebase 版本。我正在导入,就好像我有版本 8 或更低版本一样。但是对于版本 9,根据文档,它会发生一些变化。
我希望它对你有帮助是我在stackoverflow中的第一次交互。我现在有这样的,它正在工作。