Dexie.jsのIndexedDBは、指定されたオブジェクト

Question

を見つけることができない私はここに私が現在使用しているコードだ、私のVue + LaravelアプリケーションでのIndexedDBを追加している：

export default { 
     mixins: [VueGoogleMap.MapElementMixin], 
     created() { 
      this.eventBus.$on("refresh-map",() => { 
       this.fetchHexagons(); 
      }); 

      const getAllBuildings =() => Vue.http.get("/sandbox/buildings"); 

      getAllBuildings().then((result) => { 
       const async = Dexie.async; 
       const spawn = Dexie.spawn; 

       const db = new Dexie("buildings"); 

       db.version(1).stores({ 
        buildings: `++dexie_id, id, name, address, city, nr_units, lat, long, purchased`, 
       }); 

       db.transaction("rw", db.buildings, function*() { 
        result.body.forEach(function*(el) { 
         const a = yield db.buildings.add({ 
          id: el.id, 
          name: el.name, 
          address: el.address, 
          city: el.city, 
          nr_units: el.nr_units, 
          lat: el.lat, 
          long: el.long, 
          purchased: el.purchased, 
         }); 
        }); 

        console.log("done"); 

       }).catch(function(err) { 

        // Catch any error event or exception and log it: 
        console.error(err.stack || err); 
       }); 

あなたが見ることができるように、私は」それらを高速に解析するために、（私はそれらを地図に表示する必要があります）、indexedDB内のすべての建物を転送するためにDBを照会します。問題は、私はこのコードを実行すると、私は次のエラーを取得することです：

CanvasOverlay.vue?e208:68 Error: Failed to execute 'transaction' on 'IDBDatabase': One of the specified object stores was not found. 
    at Transaction.create (dexie.es.js?f8d5:2900) 
    at eval (dexie.es.js?f8d5:2222) 
    at eval (dexie.es.js?f8d5:1343) 
    at callListener (dexie.es.js?f8d5:1026) 
    at endMicroTickScope (dexie.es.js?f8d5:1113) 
    at IDBOpenDBRequest.eval (dexie.es.js?f8d5:1180) 

私がインストールされているパッケージのみがDexieです：

npm install --save dexie 

私はもっと何かをインストールする必要はありますかそれはあるかもしれませんWebpackの問題？

Answer 1

データベースを削除して、コードを再実行してください。この問題はかなり一般的であり、同じバージョン（1）がthese docsに従ってバージョン番号を増やさずに更新された場合に発生します。

また、別のエラーが表示されます。forEach（）呼び出しで関数*を使用することはできません。代わりに使用します。

for (let el of result.body) { 
     ... 
    } 

またはより良い：

const itemsToAdd = result.body.map(el => ({ 
          id: el.id, 
          name: el.name, 
          address: el.address, 
          city: el.city, 
          nr_units: el.nr_units, 
          lat: el.lat, 
          long: el.long, 
          purchased: el.purchased, 
         })); 
return db.buildings.bulkAdd(itemsToAdd);