我需要在我的旧 AngularJS 解决方案中实现持久性 Sqlite3 数据库。到目前为止，我已经成功实现了瞬时 Sqlite3 数据库，但尚未成功实现持久性

我需要在旧的 AngularJS 解决方案中实现 持久性 Sqlite3 数据库。到目前为止，我已经成功实现了瞬时 Sqlite3 数据库，但尚未成功实现持久性数据库。

我已经成功使用此页面实现了一个临时数据库： sqlite3 浏览器中的数据库步骤

我按照此页面上的说明操作： 在由 Origin Private File System 支持的浏览器中运行 SQLite Wasm ，但语句却无法运行 import 。我只收到一个 Javascript 控制台错误，表明它不再识别该页面。为了代替该 import 加载和运行 WebAssembly 代码 中找到的以下内容

    WebAssembly.instantiateStreaming(fetch("/js/lib/sqlite3/sqlite3.wasm"), someKindOfObject).then(
        (results) => {
            alert("Here we are");
            // Do something with the results!
        }
    );

在上面的代码片段中 someKindOfObject 使用什么

如何在我的 AngularJS 应用程序中正确导入/实例化 sqlite3.wasm，以便我可以访问持久数据库？

异步 getProductByVarientId(varientid, pId = null) { const client = this.client; let query = client.query((root) => { root.add('node', { args: { id: varientid }, alias: 'productv...

async getProductByVarientId(varientid, pId = null) {
    const client = this.client;
    let query = client.query((root) => {
        root.add('node', { args: { id: varientid }, alias: 'productvariant' }, (node) => {
            node.add('id');
            node.addInlineFragmentOn('ProductVariant', (variants) => {
                variants.add('id');
                variants.add('product');
                variants.add('title');
                variants.add('price');
                // variants.add('price', (price) => {
                //  price.add('amount');
                //  price.add('currencyCode');
                // });
                variants.add('image', (image) => {
                    image.add('src');
                    image.add('id');
                    image.add('altText');
                });
            });
        });
    });

    return await client.send(query).then(({ model, data }) => {
        console.log('>++++++++', model);
        // Check if 'productvariant' is defined before accessing its properties
        return (model && model.productvariant) ? model.productvariant : '';
    });
}

我一直试图通过变体 ID 获取产品详细信息，此代码从去年开始一直运行良好。此代码是使用 Shopify Graph QL 在 AngularJs 中编写的。

在此处输入图片描述

我可以在这里路由到不同的页面，但是一旦我导航到下一页，我就无法获取旅游卡async opentour() {await this.joyrideService.startTour({themeColor: \'#00000&qu...

我可以在这里导航到不同的页面，但一旦导航到下一页，我就无法获得旅游卡

async opentour() {await this.joyrideService.startTour({themeColor: \'#00000\',steps: [\'step1\',\'step2\',\'step3@next page\',],stepDefaultPosition: \'left\',} // 您的步骤顺序).subscribe({next: (step) => {this.currentStep = step.name;if (this.currentStep == \'step1\' ||this.currentStep == \'step2\'){this.dropdown.open();}console.log(step);},

    complete: () => {
      console.log("Tour finished");
    },
  });

}

    const loadSQLiteWASM = async () => {
      const response = await fetch('path/to/sqlite3.wasm');
      const buffer = await response.arrayBuffer();
      const sqlite3 = await initSqlJs({ locateFile: () => 'path/to/sqlite3.wasm' });
      const db = new sqlite3.Database();
db.run('CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY, name demoTbl)');

    };
    
    loadSQLiteWASM();

你可以看看我创建的演示