ionic7-angular-sqlite-app tutorial fails on v5.7.1 about sqlite HOT 6 CLOSED

@ChrisHSandN Thanks for reporting. jeep-sqlite does not use 'crypto' module in fact the latest release of sql.js did, so the build of jeep-sqlite esm/jeep-sqlite-entry.js referred to crypto. To avoid the error message in angular create a webpack.config.js file including

module.exports = {
  resolve: {
    fallback: {
      crypto: false
      // Add more fallbacks if needed
    }
  }
};

from sqlite.

@ChrisHSandN Sorry this does not work with Angular13.3.2 so i look at it

from sqlite.

@jepiqueau thanks for your reply,

I am using Angular 16.2.12 (as per the tutorial package.json setup).

from sqlite.

Digging into this further, I suspect the issue may be with this function:

Although it is async it has an internal then() so will resolve immediately (before anything has actually been set up).

I would propose something like:

async initWebStore(): Promise<void> {
  await customElements.whenDefined('jeep-sqlite');

  this.jeepSqliteElement = document.querySelector('jeep-sqlite');
    // ... etc.

Otherwise await initWebStore() doesn't actually wait for it to be ready and then checkConnectionsConsistency gets called before the element is set up.

from sqlite.

@ChrisHSandN You right. Will be fixed in the next release

from sqlite.

@ChrisHSandN The tutorial has also been updated. thanks for your contribution

from sqlite.