如何从Firebase中删除认证用户？我的实现代码无法正常运行

先修正代码里的基础语法错误 #

你的代码存在几个拼写和语法问题，先做基础修正：

1. 函数声明拼写错误：funt → function
2. 删除函数名拼写错误：deleteAcount → deleteAccount
3. 按钮缺少可识别的文本内容，用户无法知晓按钮功能

核心问题：Firebase账户删除的权限限制 #

直接调用user.delete()大概率会失败，因为Firebase要求用户最近5分钟内完成过身份验证才能执行删除账户这类敏感操作。如果用户登录时间过久，调用这个方法会抛出auth/requires-recent-login错误。另外还要先判断user是否存在，避免空值调用报错。

修正后的完整代码示例 #

import { useAuthState } from "react-firebase-hooks/auth";
import { auth, reauthenticateWithCredential, EmailAuthProvider } from "./firebase";

function Panel() {
    const [user] = useAuthState(auth);

    const deleteAccount = async () => {
        if (!user) return;

        try {
            // 针对邮箱密码登录的用户，需重新验证身份
            // 若为其他登录方式（如Google），需对应调整验证逻辑
            const password = prompt("请输入你的密码以确认删除账户");
            if (!password) return;
            
            const credential = EmailAuthProvider.credential(
                user.email,
                password
            );
            await reauthenticateWithCredential(user, credential);
            
            // 重新验证成功后执行删除
            await user.delete();
            alert("账户已成功删除");
        } catch (error) {
            console.error("删除账户失败:", error.message);
            alert(`删除失败：${error.message}`);
        }
    };

    return (
        <>
            {user && (
                <button onClick={deleteAccount}>删除我的账户</button>
            )}
        </>
    );
}

export default Panel;

关键说明 #

• 不同登录方式（Google、Facebook等）需使用对应身份验证方法，比如GoogleAuthProvider相关逻辑，具体根据你的登录流程调整。
• 必须添加错误处理，捕获验证失败、权限不足等异常，给用户明确反馈。
• 仅当user存在时渲染删除按钮，避免无效交互。

内容的提问来源于stack exchange，提问作者kamil danilski