sql-js / sql-js/sql.js

Ionic-Angular 6 Error: both async and sync fetching of the wasm failed

Ouverte
#499 1 commentaire 2 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
JavaScript
Étoiles
13.7k
Forks
1.1k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

Hello, I'm trying to use sql.js with typeorm in an ionic@6 application, but the following error happens:

zone.js:1523          GET http://localhost:8100/sql-wasm.wasm 404 (Not Found)
Error: both async and sync fetching of the wasm failed
    at Object.Module.onAbort (sql-wasm.js:40:20)
    at I (sql-wasm.js:104:97)
    at lb (sql-wasm.js:105:136)
    at sql-wasm.js:105:408
    at ZoneDelegate.invoke (zone.js:400:1)
    at Object.onInvoke (core.mjs:25488:1)
    at ZoneDelegate.invoke (zone.js:399:1)
    at Zone.run (zone.js:160:1)
    at zone.js:1318:1
    at ZoneDelegate.invokeTask (zone.js:434:1)

My custom webpack:

const webpack = require('webpack');
console.log('The custom config is used');
module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      'window.SQL': 'sql.js/dist/sql-wasm.js'
    }),
    new webpack.NormalModuleReplacementPlugin(/typeorm$/, function (result) {
      result.request = result.request.replace(/typeorm/, "typeorm/browser");
    })
  ],

  resolve: {
    fallback: {
      fs: false,
      net: false,
      tls: false
    }
  }
};

My Ionic Info:

Ionic:

   Ionic CLI                     : 6.18.1 
   Ionic Framework               : @ionic/angular 6.0.5
   Capacitor CLI      : 3.4.0
   @capacitor/android : 3.4.0
   @capacitor/core    : 3.4.0
   @capacitor/ios     : not installed

Utility:

   cordova-res : not installed globally
   native-run  : 1.5.0

System:

   NodeJS : v14.15.0 
   npm    : 6.14.8
   OS     : Windows 10

I'm using sql.js@1.3.2 typeorm@0.2.41

Would anyone have a solution?

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Start with the sql-wasm.js request and the custom webpack configuration shown in the issue, then inspect how the Ionic application serves the sql-wasm.wasm asset. Done means the asset no longer returns 404 and TypeORM can initialize sql.js without the fetching error.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, javascript, wasm, webpack
Domaine
build-system, databases, web-dev
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.