为何导出的userUUID返回undefined？求技术解决方案

你的代码存在两个核心问题导致导出的userUUID始终为undefined：

1. 页面跳转销毁上下文：登录/注册成功后执行window.location.href = "index.html"，会完全刷新页面，原页面的JavaScript上下文被销毁，你赋值的userUUID无法传递到新页面。
2. 异步操作与导出时机不匹配：模块导出userUUID时，它的初始值是undefined，而赋值操作是在登录/注册的异步回调中完成的。即使没有页面跳转，其他模块导入时也可能拿到初始的undefined，因为异步操作还未完成。

Firebase Auth内置了用户状态监听机制，不需要手动传递userUUID，直接在目标页面监听用户登录状态即可：

步骤1：修改登录/注册页面代码 #

移除末尾的export { userUUID };，因为页面跳转后该变量已无意义，代码简化如下：

import { initializeApp } from "https://www.gstatic.com/firebasejs/10.5.0/firebase-app.js";
import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword, setPersistence, browserLocalPersistence } from "https://www.gstatic.com/firebasejs/10.5.0/firebase-auth.js";
import { firebaseConfig } from "./firebaseConfig.js";

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

setPersistence(auth, browserLocalPersistence)
  .then(() => {
    const signupForm = document.getElementById('signup-form');
    const loginForm = document.getElementById('login-form');

    // 注册逻辑
    signupForm.addEventListener('submit', (e) => {
      e.preventDefault();
      const email = document.getElementById('signup-email').value;
      const password = document.getElementById('signup-password').value;

      createUserWithEmailAndPassword(auth, email, password)
        .then(() => {
          window.location.href = "index.html";
        })
        .catch((error) => {
          console.log("注册错误:", error);
        });
    });

    // 登录逻辑
    loginForm.addEventListener('submit', (e) => {
      e.preventDefault();
      const email = document.getElementById('login-email').value;
      const password = document.getElementById('login-password').value;

      signInWithEmailAndPassword(auth, email, password)
        .then(() => {
          window.location.href = "index.html";
        })
        .catch((error) => {
          document.getElementById("login-error").textContent = "登录失败，请检查账号密码后重试。";
          console.log("登录错误:", error);
        });
    });
  })
  .catch((error) => {
    console.log("持久化设置错误:", error);
  });

步骤2：在index.html对应的脚本中监听用户状态 #

创建index.js并引入，通过onAuthStateChanged实时获取用户UUID：

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

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

// 监听用户登录状态变化
onAuthStateChanged(auth, (user) => {
  if (user) {
    // 用户已登录，获取UUID
    const userUUID = user.uid;
    console.log("当前用户UUID:", userUUID);
    // 在这里执行需要userUUID的业务逻辑
  } else {
    // 用户未登录，跳转回登录页面
    window.location.href = "login.html";
  }
});

• Firebase Auth会自动在本地存储用户会话（因为设置了browserLocalPersistence），刷新页面后仍能识别已登录用户。
• 不要尝试通过模块导出跨页面传递异步生成的变量，页面跳转后原上下文完全销毁，这种方式本质上不可行。

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