exportできない javascript indexDB Dexie.js

実現したいこと

importできていない変数をimportしたい、また、importされていないはずなのに動作は問題なくできている理由も知りたい。

前提

indexDBをDexie.js を使用してDB接続や出力を行っています。
使いまわせるDBの定義部分とバージョンの定義部分は分割ファイルにし、exportして他のjsファイルに読み込ませたいのですが、定義部分はimportできるのですが、バージョンの定義部分が[list2' が宣言されていますが、その値が読み取られることはありません。]と表示され、
インポートできていないようです。ブラウザのコンソールを見てもエラーはなく、コードの動作自体はなぜか問題ないです。
何が間違っているのでしょうか?

発生している問題・エラーメッセージ

なし

該当のソースコード

define.js(共通となるDB/バージョンの定義部分をエクスポートするファイル)

1// DBの定義 2export const list = new Dexie('listDB2'); 3 4// スキーマの定義 5export const list2=list.version(2).stores({ 6 data: '++id, memo1, memo2', 7});

index.js

1//[list2' が宣言されていますが、その値が読み取られることはありません。]と表示される 2import {list,list2} from "../js/define.js"; 3// import {list2} from "../js/define.js"; 4 5// ボタンをクリックすると、テキストをDBに保存 6document.getElementById('post').addEventListener('click', () => { 7 console.log("クリックされました"); 8 9 const memo1 = document.getElementById('txt1').textContent; 10 const memo2 = document.getElementById('txt2').textContent; 11 12 13 // データをIndexedDBに保存 14 list.data.add({ memo1,memo2 }) 15 .then(() => { 16 alert('データが保存されました。'); 17 }) 18 .catch((error) => { 19 console.log('データの保存中にエラーが発生しました: ' + error); 20 }); 21 22 // list.data.clear(); 23 24}); 25 26

list.php(DB定義部分をエクスポートするファイル)

1//[list2' が宣言されていますが、その値が読み取られることはありません。]と表示される 2 import {list,list2} from "../js/define.js"; 3// import {list2} from "../js/define.js"; 4 5 6// データベースからデータを取得して表示 7list.data.toArray().then((data) => { 8 const tableBody = document.getElementById('dataListBody'); 9 // list.clear(); 10 data.forEach((item) => { 11 const body = document.createElement('div'); 12 const memo1cell = document.createElement('p'); 13 const memo2cell = document.createElement('p'); 14 15 16 17 memo1cell.textContent = item.memo1; 18 memo2cell.textContent = item.memo2; 19 20 21 body.appendChild(memo1cell); 22 body.appendChild(memo2cell); 23 24 tableBody.appendChild(body); 25 console.log("取得します"); 26 27 28 29 }); 30 31});

補足情報(FW/ツールのバージョンなど)

vscode,xampp

コメントを投稿

0 コメント