InvalidStateError：无法在“IDBDatabase”上执行“事务”：数据库连接正在使用 ios safari 关闭答案

【问题标题】：InvalidStateError: Failed to execute 'transaction' on 'IDBDatabase': The database connection is closing with ios safariInvalidStateError：无法在“IDBDatabase”上执行“事务”：数据库连接正在使用 ios safari 关闭
【发布时间】：2021-05-15 06:14:03
【问题描述】：

自 2020 年 8 月以来我一直有问题，但我仍然不知道如何重现，我正在使用 dfahlander/Dexie.js 来使用浏览器 indexedDB。

这是我如何使用 dexie 的示例：-

import db from "./db";
import { useState, useEffect } from "react";
import axios from "axios";
import {   useParams } from "react-router-dom";

export default function App() {
  const params =   useParams();
  const [storedRead, setStoredRead] = useState();
  const [data,setData] = useState();

  useEffect(() => {
          db.reads
            .get({ hash: params.id })
            .then((data) => {
              setStoredRead(data);
              readRequest(data ? data.token : "");
            })
            .catch((e) => {
              //Here i am getting error with ios users, not all of them
              // InvalidStateError: Failed to execute 'transaction' on 'IDBDatabase': The database connection is closing.   
            });
 
  }, []);

  const readRequest = (token) => {
    axios
      .post(`${process.env.REACT_APP_API_URL}khatma/read`, {
        khatma: params.id,
        part: params.part,
        section: params.section,
        token: token, 
      })
      .then((res) => {
        if (res.data.token) {
          db.reads
            .put(
              {
                hash: params.id,
                token: res.data.token,
                ss: "",
                sa: "",
              },
              params.id
            )
            .then((event) => {
              db.reads.get({ hash: params.id }).then((read) => {
                setStoredRead(read);
                setData(res.data);
              });
              
            })
            .catch((e) => {
             
            });
  
        } else {
          setData(res.data);
  
          db.reads.get({ hash: params.id }).then((read) => {
            setStoredRead(read);
            setData(res.data);
          
          });
          
        }
    
      })
      .catch((error) => {
      
      });
  };

  return (
    <div className="App">
     
    </div>
  );
}

db.js 文件：-

import Dexie from "dexie";
const db = new Dexie("khatmaDB");
db.version(2).stores({
  reads: "hash,token,sa,ss",
  khatmas: "hash,token"
});

console.log("dexie version", db.verno);

export default db;

自 2020 年 8 月以来，我有大约 25K 条日志记录，但出现以下错误：-

InvalidStateError：无法在“IDBDatabase”上执行“事务”：数据库连接正在关闭。

它只发生在具有不同 ios 版本（11 到 14）的 user-agent = ios safari Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1

如果我们要求用户清除其浏览器网站数据（iPhone 设置 > Safari > 高级 > 网站数据 > 删除网站数据）。即使他们有超过 20GB 的可用 iPhone 存储空间，问题也会得到解决，但我们不能要求每个用户删除他们的网站数据。

知道这个问题的原因是什么吗？

【问题讨论】：

标签： javascript reactjs indexeddb dexie dexiejs

【解决方案1】：

hmmm....我为这个问题做了一些 RND，你只需创建全局错误处理服务，你可以检查这个问题并重新加载应用程序它会工作

如果(err.message.search('transaction' on 'IDBDatabase')>-1) { window.location.reload() `}

【讨论】：