IndexedDB：未捕获（承诺）DOMException

Question

我正在使用 indexedDB（通过 npm 的 idb 包装器）来存储表示音频通道数据的 2D Float32 数组。它可以正常工作一段时间，但是，当其中一个数组的长度达到大约 时16658432，idb 崩溃，标题中出现异常。堆栈跟踪非常无用，因为我将 React 与 Next.js 结合使用，但是从我发现的情况来看，它似乎在 idb 的缓存部分崩溃了。注意：我可以存储多个大数组没问题，但是一旦它们中的任何一个超过此“限制”，一切都会中断

这是我必须处理的限制，还是可以以某种方式解决？我可以将二维数组分成两个数组并将它们存储为单独的条目，但这是一个不太理想的解决方案，一旦它们增长也会导致同样的问题。

只是围绕 idb 交易的一个简单包装：

export const asyncPut = async (
  dbName: string,
  tableName: string,
  key: string,
  value: any // [Float32Array, Float32Array]
): Promise<void> => {
  try {
    const db = await asyncOpenDb(dbName, tableName);
    const transaction = db.transaction(tableName, "readwrite");
    await transaction.objectStore(tableName).put(value, key);
  } catch (error) {
    // I catch the error here
    console.error("**IDB Error:", error);
  }
};