Firestore模拟器无报错但无法写入数据，读取不同步求助

1. 禁用模拟器环境下的Firestore本地持久化 #

本地持久化（IndexedDB）会让客户端缓存数据，导致写入操作仅在本地生效、模拟器UI的修改无法同步到应用。需在连接模拟器前禁用持久化：

修改app.module.ts中的provideFirestore配置：

// 先导入disableIndexedDbPersistence
import { disableIndexedDbPersistence, getFirestore, provideFirestore, connectFirestoreEmulator } from '@angular/fire/firestore';

// 然后更新provideFirestore逻辑
provideFirestore(() => {
  const firestore = getFirestore();
  console.log(environment)
  if (environment.test) {
    console.log('use firestore emulator')
    // 禁用本地持久化
    disableIndexedDbPersistence(firestore).catch(err => {
      console.error('禁用持久化失败', err);
    });
    connectFirestoreEmulator(firestore, 'localhost', 8080);
  }
  return firestore;
}),

2. 检查代码异步时序（辅助优化） #

当前代码中写入LA文档的异步操作未等待完成就执行读取，虽不是核心问题，但如果后续有依赖写入的逻辑，需调整为：

// 等待写入完成后再执行读取
await setDoc(newDoc, {
  name: 'Los angeles',
  country: 'United states'
}).then(() => console.log('written'))
.catch((err) => console.log('not written', err));

// 执行读取操作
const docRef = doc(this.firestore, "cities", "London");
const docSnap = await getDoc(docRef);

if (docSnap.exists()) {
  console.log("Document data:", docSnap.data());
} else {
  console.log("No such document!");
}

3. 验证模拟器启动参数 #

确保Firestore模拟器启动参数正确，--import/--export-on-exit的路径存在且有读写权限：

firebase emulators:start --only firestore --import=./firestore-data --export-on-exit=./firestore-data

4. 升级Firebase工具版本 #

你当前使用的firebase-tools@11.22.0与firebase@9.9.1存在版本差，可能引发兼容性问题。建议升级firebase-tools至v12+版本，同时保证@angular/fire与firebase版本匹配（@angular/fire@7.5.0兼容firebase@9.9.x）。

5. 强制从模拟器读取数据（临时方案） #

若需保留本地持久化，可在读取时强制从模拟器拉取最新数据：

const docSnap = await getDoc(docRef, { source: 'server' });

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