Firefox运行PouchDB官方示例报doc未定义TypeError错误求助

这个错误是跨浏览器时序差异+代码缺少错误兜底共同导致的：

1. PouchDB的异步API同时支持回调、Promise两种调用模式，回调风格下第一个参数永远是错误对象，只有操作成功时第二个结果参数才会有值。你当前的代码没有判断错误分支，一旦操作失败，结果参数doc就是undefined，直接访问doc.rows就会抛出类型错误。
2. 你设置了live: true的实时变更监听，Chrome和Firefox对IndexedDB（PouchDB在浏览器端的默认存储引擎）的初始化时序逻辑有差异：Chrome会等本地数据库实例完全就绪后才触发首次change回调，而Firefox可能在数据库元数据还没完成初始化、或者首次变更事件触发时存在临时事务错误，这时候调用allDocs会直接返回错误，不会返回有效doc对象。
3. 你复制的旧版官方示例本身省略了必要的错误处理逻辑，只是因为Chrome的时序刚好没触发错误分支，才表现为运行正常。

按以下两点调整代码即可解决全浏览器兼容问题：

• 所有PouchDB异步回调中，必须先判断错误分支，错误场景下直接终止后续逻辑，不要访问结果参数
• 增加数据库初始化就绪判断，给变更监听绑定错误回调，规避Firefox下的提前触发问题

修复后的完整可运行代码：

var db = new PouchDB('todos');
var remoteCouch = false;

// 等待数据库初始化完成后再启动实时变更监听
db.info()
  .then(function () {
    db.changes({
      since: 'now',
      live: true
    })
    .on('change', showTodos)
    // 监听变更流错误，避免未捕获的Promise报错
    .on('error', function (err) {
      console.warn('变更监听异常:', err);
    });
  })
  .catch(function (err) {
    console.warn('数据库初始化失败:', err);
  });

function addTodo(text) {
  var todo = {
    _id: new Date().toISOString(),
    title: text,
    completed: false
  };
  db.put(todo, function callback(err, result) {
    // 补全写入操作的错误处理
    if (err) {
      console.warn('写入待办失败:', err);
      return;
    }
    console.log('Successfully posted a todo!');
  });
}

function showTodos() {
  db.allDocs({include_docs: true, descending: true}, function(err, doc) {
    // 先处理错误，错误场景下doc为undefined，禁止直接访问
    if (err) {
      console.warn('拉取待办列表失败:', err);
      return;
    }
    redrawTodosUI(doc.rows);
  });
}

如果调整后仍偶发报错，可以将本地PouchDB升级到最新稳定版，7.0+版本已经修复了大量Firefox下IndexedDB事务处理的兼容问题。

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