Page goes blank when adding sql lite connect script to mobile project Wappler 7 beta 7

Mobile Apps Bugs
1

Wappler Version : v7 b7
Operating System :win 11 /android
Server Model: mobile cordova app
Database Type:sql lite
Hosting Type:

Expected behavior

The screen should not go blank when I am putting the sgl lite js connect script on to the "index.html" page also the standard "home.html" page goes blank. At the time I am adding a sql lite database to my wappler mobiel project th e screen goes bank. If I just remvo the sqllite connect cript it comes back.

Actual behavior

the screen goes blank on my computer in wappler and if I try to run it on a web browser. If I try to run the app on android mobil it works and the page is showing as normal.

Her is a video of what is happening. on wappler.

2

I am sorry. but I do not understand what it is that you are doing.

Wappler has its own way of including aq SQLite database as is shown in the following video:

3

Her is a video that explain it. I make a new project and add sqllite to it.

As you see the "main" heading is disappearing when I connect to the database. And reapparing when I delete the line from the code. Am I doing anything wrong?

4

Recreated and facing issues as well with sqlite, can you open your page and check if you got this on console?
image

5

Yes has exactly the same error.

6

Error dissapear by downgrading sqlite to 1.8.0.
After npm install, copy sql-wasm.wasm from node_modules/sql.js/dist and replace existing one on www/assets folder

7

Sorry, seems that 1.8.0 is also giving troubles so try 1.12.0:

Go to package.json and change "sql.js": "1.9.0" to "sql.js": "1.12.0"
Do npm install
And then copy sql-wasm.wasm from node_modules/sql.js/dist and replace existing one on www/assets folder.

1 Like
8

Note that this is a workaround, don't know exactly how it works with other dependencies..
Maybe @George can give us a word here..