如何正确更新Firebase用户信息？调用updateProfile报错如何排查？

• 格式错误：Firebase updateProfile 接口要求 displayName 字段为字符串类型，你代码中传入了{fullName}嵌套对象，不符合参数要求，直接触发参数校验报错。
• 取值时机错误：你在模块初始化阶段直接获取auth.currentUser，如果此时用户还未完成登录鉴权，拿到的authUser为null，调用方法会直接抛出空指针异常。
• 缺少异步处理与异常捕获：updateProfile是异步Promise方法，没有加await和异常捕获的话，报错信息不清晰，也会导致运行时直接崩溃。

修复后代码 #

业务代码修改 #

import {auth} from "./firebase"

const update = async (e) => {
    e.preventDefault();
    // 触发更新操作时再获取当前登录用户实例，避免初始化时取值为空
    const authUser = auth.currentUser;
    // 空值拦截，未登录状态不执行更新逻辑
    if(!authUser) return;
    
    try {
        await authUser.updateProfile({
            // 直接传入fullName字符串，不要嵌套对象
            displayName: fullName
        })
        // 可在此处添加更新成功后的逻辑，例如页面提示、状态刷新等
        console.log("用户信息更新成功")
    } catch (err) {
        // 捕获异常便于后续排查问题
        console.error("用户信息更新失败：", err)
    }
}

firebase.js说明 #

你当前的firebase.js代码没有问题，不需要调整。

内容的提问来源于stack exchange，提问作者React Enjoyer