向Dexie数据库添加单个对象却出现重复添加问题

问题详情 #

用Dexie数据库时碰到异常：明明只调用了一次.add()方法存储单个对象，结果数据库的audit表里被存入了两条独立的记录，两条记录的id不同，在首页列表和浏览器IndexedDB控制台都能确认。

复现步骤 #

• 首页（HomePage）提供「Continue an Audit」（查看现有审计记录）和「Create an Audit」（选择检查清单创建新审计）功能
• 选择检查清单后点击「Start Auditing!」，页面跳转至AuditPage，该页面负责创建新审计对象并执行.add()存储操作
• 点击「Home」返回首页，可见新增两条独立的审计记录；点击每条记录的链接，可在AuditPage的「Issues」标题下看到不同的Content for {audit.id}内容，验证为两条不同记录

已排查操作 #

曾怀疑是页面跳转逻辑导致.add()被重复触发，已移除跳转逻辑，但问题仍未解决。

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