Estoy tratando de hacer que mi aplicación use indexedDB cuando no hay conexión a Internet. Tengo un archivo idb.js que configura el almacén de objetos y luego define una función saveRecord que uso en otro archivo js:

 let db; const request = indexedDB.open('pizza_hunt', 1); request.onupgradeneeded = function(event) { const db = event.target.result; db.createObjectStore('new_pizza', { autoIncrement: true }); } request.onsuccess = function(event) { // when db is successfully created with its object store (from onupgradeneeded event above) or simply established a connection, save reference to db in global variable if (navigator.onLine) { // uploadPizza(); } }; request.onerror = function(event) { console.log(event.target.errorCode); }; // This function will be executed if we attempt to submit a new pizza and there's no internet connection function saveRecord(record) { const transaction = db.transaction(['new_pizza'],'readwrite'); const pizzaObjectStore = transaction.objectStore('new_pizza'); pizzaObjectStore.add(record); };

Pero cuando se llama a la función en el otro archivo, sigo recibiendo el error de arriba, que .transaction no está definido y no escribe nada en el almacén de objetos new_pizza.

Aquí está el contexto en el que se llama (otro archivo js). Todo funciona a menos que se active la captura:

 const formData = { pizzaName, createdBy, size, toppings }; fetch('/api/pizzas', { method: 'POST', headers: { Accept: 'application/json', 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }) .then(response => response.json()) .then(postResponse => { alert('Pizza created succesfully!'); console.log(postResponse); }) .catch(err => { console.log(err); saveRecord(formData); });