Firebase调用createUserWithEmailAndPassword报auth/admin-restricted-operation错误如何解决

1 配置类问题排查（即使已开启邮箱权限仍需核对） #

• 确认Firebase控制台Authentication的「登录方式」标签页中，「电子邮件/密码」状态确实为启用，没有额外的域名限制或者安全规则拦截。从你提供的控制台截图来看该权限已经开启，可优先排查后续项。
• 核对本地firebase配置文件的初始化参数和控制台给出的参数完全一致，不要漏填、错填apiKey、authDomain等核心配置，新手常出现复制配置时内容不全的问题。
• 检查关联的Google Cloud项目是否开启了管理员限制：进入GCP控制台->Identity Platform->设置->用户创建权限，确认选择「允许用户自行注册」，不要选「仅允许管理员创建用户」。
• 确认当前运行域名已加入授权列表：在Firebase控制台Authentication->设置->授权网域中添加你当前的测试域名，Firebase默认仅允许localhost、配置的托管域名等访问认证服务。
• 关闭本地代理、VPN后重新测试，部分代理会篡改请求头导致Firebase权限校验失败。

2 修正代码中的多处错误 #

你提交的代码存在多个语法和API使用错误，也会触发该报错：

错误1：useRef使用错误 #

React中给DOM元素绑定ref需要用ref属性而非inputRef，取值时要访问ref.current.value而非ref.value。

错误2：表单属性错误 #

密码确认框的id和邮箱输入框重复，且类型应该为password而非text，会导致取值异常。

错误3：getAuth调用缺失参数 #

getAuth()需要传入初始化后的app实例，否则会使用默认实例，存在初始化失败的可能。

修正后的参考代码 #

修正firebase配置文件

import * as firebase from "firebase/app"
import { getAuth } from "firebase/auth";

// 替换为控制台复制的完整配置，不要留省略号
const firebaseConfig = {
  apiKey: "你的apiKey",
  authDomain: "你的authDomain",
  projectId: "你的projectId",
  storageBucket: "你的storageBucket",
  messagingSenderId: "你的messagingSenderId",
  appId: "你的appId"
};

const app = firebase.initializeApp(firebaseConfig)
// 必须传入初始化得到的app参数
export const auth = getAuth(app)
export default app

修正SignUp组件

import React, { useRef, useState } from 'react' 
import { useAuth } from '../contexts/AuthContext';

function SignUp() {
    const emailRef = useRef();
    const passwordRef = useRef();
    const passwordConfirmRef = useRef();
    const { signup } = useAuth();    
    const [error, setError] = useState("")

    const handleSubmit = async (e) => {
        e.preventDefault()
        // 增加密码一致性校验
        if (passwordRef.current.value !== passwordConfirmRef.current.value) {
            return setError("两次输入的密码不一致")
        }
        try {
            setError("")
            // 取ref.current.value获取输入值
            await signup(emailRef.current.value, passwordRef.current.value)
        } catch (err) {
            setError("注册失败：" + err.message)
            console.log(err)
        }
    }

    return (
        <div>
            {error && <p style={{color: 'red'}}>{error}</p>}
            <form onSubmit={handleSubmit}>
                <label htmlFor="email">邮箱</label>
                <input type="email" id="email" ref={emailRef} required></input>
                <label htmlFor="password">密码</label>
                <input type="password" id="password" ref={passwordRef} required></input>
                <label htmlFor="passwordConfirm">确认密码</label>
                <input type="password" id="passwordConfirm" ref={passwordConfirmRef} required></input>
                <button type="submit" >注册</button>
            </form>
        </div>
    )
}

export default SignUp

3 额外排查点 #

• 清除浏览器缓存后重新测试，避免旧的无效配置被缓存。
• 若开启了Firebase App Check的强制验证，需要确认已正确集成App Check相关逻辑，未集成也会触发权限报错。

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