javascript - 类型错误:_fire__WEBPACK_IMPORTED_MODULE_1__.default.auth 不是函数
问题描述
我是 React.js 的初学者。我正在按照教程进行登录身份验证。我从这部分代码中收到此错误(TypeError: fire__WEBPACK_IMPORTED_MODULE_1 _.default.auth is not a function):`
const authListener = () => {
fire.auth().onAuthStateChanged((user) => {
if (user) {
clearInputs();
setUser(user);
} else {
setUser("");
}
})
};
` 我已经搜索了每个论坛、主题或 Youtube 视频,但仍然找不到答案。有人能告诉我问题出在哪里以及如何解决吗?欣赏一切。
解决方案
如果您使用的是模块化 SDK v9.0.0
,请尝试像这样重构您的代码:
import { initializeApp } from "firebase/app"
import { getAuth, onAuthStateChanged } from "firebase/auth"
const app = initializeApp(app)
const auth = getAuth(app)
const authListener = () => {
onAuthStateChanged(auth, (user) => {
if (user) {
console.log(user)
}
})
}
如果您想使用旧的命名空间语法 ( firebase.auth()
),请将您的导入更改为兼容版本:
import firebase from "firebase/comapt/app"
import "firebase/compat/auth"
您可以在文档中阅读有关升级到模块化 SDK 的更多信息。
推荐阅读
- java - 我无法在合并排序中使用 java 获得反转次数
- puppet - 如何根据命令执行排除 puppet 中的调用类?
- python - 如何包含选定的子字符串?
- flutter - Flutter 找不到设备。AndroidStudio 内部也是如此。“adb 没有响应”但杀死任务无济于事。颤振医生抛出异常
- bash - 检查 Docker 中的 SSH 服务是否启动的脚本
- c++ - 如何确定包含路径的来源?
- frama-c - 如何使用frama-c Eva插件或WP-RTE验证读/写硬件内存映射寄存器(mmio)的代码?
- javascript - 获取用户输入作为键值对并使用 jQuery Javascript 通过 API 在数据中搜索
- c# - NSubstitute - ref / out 的参数匹配器问题
- android - Android 上的 RxAndroidBle - 请求 MTU 然后从连接中读取