Firestore 10.13.0 WebChannelConnection RPC Listen流传输错误求助

• 对齐Firebase依赖版本
  克隆仓库后先确保本地依赖和仓库锁文件版本完全匹配，避免版本兼容问题。执行以下命令重置依赖：

  rm -rf node_modules package-lock.json
  npm cache clean --force
  npm install
  

• 补全Firebase环境配置
  检查项目根目录是否存在.env文件，克隆时这类敏感配置通常会被.gitignore排除，需要从Firebase控制台复制完整的配置项（apiKey、authDomain、projectId等）填入.env，确保和原项目使用的配置一致。

• 调整Firestore传输配置
  单独设置experimentalForceLongPolling可能无效，试试组合配置：

  import { initializeApp } from "firebase/app";
  import { initializeFirestore } from "firebase/firestore";
  
  const firebaseConfig = {
    // 你的Firebase配置
  };
  
  const app = initializeApp(firebaseConfig);
  const db = initializeFirestore(app, {
    experimentalForceLongPolling: true,
    experimentalAutoDetectLongPolling: true,
  });
  

  也可以尝试禁用Fetch流强制使用WebSocket：

  const db = initializeFirestore(app, {
    useFetchStreams: false,
  });
  

• 排查网络限制
  部分网络环境（内网、校园网）会拦截WebSocket连接，导致Firestore传输失败。切换到个人热点测试，或者检查本地防火墙是否屏蔽了Firestore的请求端口。

• 清除浏览器缓存数据
  浏览器缓存的旧Firestore会话数据可能引发冲突，打开开发者工具（F12），在「Application」标签下清除Local Storage和Session Storage，重启项目后再试。

• 验证Firestore规则权限
  登录Firebase控制台检查Firestore规则，确保当前请求有读取数据的权限。调试时可临时设置宽松规则（调试完成后务必改回安全规则）：

  rules_version = '2';
  service cloud.firestore {
    match /databases/{database}/documents {
      match /{document=**} {
        allow read, write: if true;
      }
    }
  }
  

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