sql-js / sql-js/sql.js

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

オープン
#499 コメント 1 件 リアクション 2 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
JavaScript
スター
13.7k
フォーク
1.1k
PR マージ指標
30日以内にマージされた PR はありません

説明

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?

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, javascript, wasm, webpack
領域
build-system, databases, web-dev
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。