为何无法在Firebase中完成匿名认证登录？登录失败排查

核心代码问题 #

你的代码没有触发匿名登录操作：onAuthStateChanged仅用于监听用户状态变化，不是执行登录的方法。点击按钮后只是添加了监听器，但没有发起匿名登录请求，所以监听器检测不到用户，才会输出"Something went wrong"。

修复步骤 #

1. 修正代码逻辑 #

需要导入并调用signInAnonymously方法来触发匿名登录，同时正确处理登录结果：

import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.14.0/firebase-app.js';
import { getAuth, onAuthStateChanged, signInAnonymously } from "https://www.gstatic.com/firebasejs/9.14.0/firebase-auth.js";

const firebaseConfig = {
  apiKey: "key_here",
  authDomain: "project.firebaseapp.com",
  projectId: "project",
  storageBucket: "project.appspot.com",
  messagingSenderId: "id_here",
  databaseURL: "https://project-default-rtdb.firebaseio.com",
  appId: "app_id_here"
};

const app = initializeApp(firebaseConfig);
const auth = getAuth();

// 监听用户状态变化（可选，用于后续状态同步）
onAuthStateChanged(auth, (user) => {
  if (user) {
    console.log("用户已登录：", user.uid);
  } else {
    console.log("用户已退出");
  }
});

document.getElementById("login").addEventListener("click", async function(event){
  event.preventDefault();
  try {
    const userCredential = await signInAnonymously(auth);
    // 登录成功，userCredential.user就是匿名用户对象
    console.log("匿名登录成功");
  } catch (error) {
    // 捕获登录错误，输出详细信息
    console.error("登录失败错误码：", error.code);
    console.error("登录失败详情：", error.message);
  }
});

2. 检查Firebase控制台配置 #

• 进入Firebase控制台，打开Authentication > 登录方法，确认匿名登录开关处于开启状态
• 核对控制台里的项目凭证（API Key、AuthDomain等）和代码中的firebaseConfig完全一致
• 查看Authentication > 日志，是否有相关的登录失败记录，里面会包含具体错误原因

3. 版本兼容性检查 #

你使用的Firebase 9.14.0版本发布于2022年，可能存在已知兼容性问题。尝试升级到较新的9.x版本（替换导入链接中的版本号），再测试登录功能。

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