React使用Firebase Auth时报Cannot create property '_canInitEmulator'错误

错误原因 #

Firebase Authentication v9+ 版本的createUserWithEmailAndPassword方法要求第一个参数为初始化完成的auth实例，你当前代码直接将邮箱字符串作为第一个参数传入，导致框架尝试给字符串挂载内部属性_canInitEmulator时触发报错。

解决方案 #

修改Authcontext.js文件中的signup函数，补传第一个参数auth即可：

// 修改前
function signup(email,password){
    return createUserWithEmailAndPassword(email,password)
}

// 修改后
function signup(email,password){
    return createUserWithEmailAndPassword(auth, email, password)
}

注意事项 #

• 后续调用signInWithEmailAndPassword、sendPasswordResetEmail等其他auth相关方法时，也需要注意第一个参数传入auth实例，避免出现同类报错。

内容的提问来源于stack exchange，提问作者Naman Garg