WebAssembly - EMSDK

63 views
Skip to first unread message

Bert Mariani

unread,
Jun 24, 2026, 2:16:41 PMJun 24
to The Ring Programming Language
Hello Mahmoud

Following instructions in Ring Document  Chapter 51 -- see below

I already had a QT installed 
    QT  5.15.2 MSVC2019 32bit

Ran:  emsdk install 1.39.8
After install finished ( please add this line to the documentation)
   C:\Qt\Tools\QtCreator\bin\qtcreator.exe

Can Not find "Options" ??
      Select Tools > Options > Devices > WebAssembly

Do I have to delete everything -- QT and EMSDK and start over ?

WebAssembly.png

QTVersion.png

===========================
On Windows

Locate the Executable If installed via the Qt Online Installer, the default path is:      C:\Qt\Tools\QtCreator\bin\qtcreator.exe
Navigate to this directory or add it to your system's PATH for easier access.

Run from Command Line Open Command Prompt and execute:
C:\Qt\Tools\QtCreator\bin\qtcreator.exe
===========================
C:\Users\bert_>cd c:\\ring

c:\ring>git clone https://github.com/emscripten-core/emsdk.git
Cloning into 'emsdk'...
remote: Enumerating objects: 5022, done.
remote: Counting objects: 100% (41/41), done.
remote: Compressing objects: 100% (33/33), done.
remote: Total 5022 (delta 22), reused 9 (delta 8), pack-reused 4981 (from 3)                                            Receiving objects: 100% (5022/5022), 2.86 MiB | 1.50 MiB/s, done.

Resolving deltas: 100% (3320/3320), done.

c:\ring>cd emsdk

c:\ring\emsdk>emsdk install 1.39.8
Resolving SDK version '1.39.8' to 'sdk-releases-
....
Done installing SDK 'sdk-releases-9e60f34accb4627d7358223862a7e74291886ab6-64bit'.

c:\ring\emsdk>emsdk activate --embedded 1.39.8
embedded mode is now the only mode available
Resolving SDK version '1.39.8' to 'sdk-releases-
......

c:\ring\emsdk>em++ --version
Traceback (most recent call last):
  File "C:\ring\emsdk\upstream\emscripten\emcc.py", line 42, in <module>
    import emscripten
  File "C:\ring\emsdk\upstream\emscripten\emscripten.py", line 24, in <module>
    from tools import shared
  File "C:\ring\emsdk\upstream\emscripten\tools\shared.py", line 8, in <module>
    from distutils.spawn import find_executable
ModuleNotFoundError: No module named 'distutils'

c:\ring\emsdk>



Mahmoud Fayed

unread,
Jun 24, 2026, 2:24:08 PMJun 24
to The Ring Programming Language
Hello Bert

1- Open any project from the welcome screen like (Address book example)

2- From (Menubar) select (Edit) then (Preferences) 

3- In the (Devices) tab you will find configuration for Android/WebAssembly/etc

Greetings,
Mahmoud

Bert Mariani

unread,
Jun 25, 2026, 9:26:58 AMJun 25
to The Ring Programming Language
Hello Mahmoud

No WebAssembly in my version of QT, listed under "Devices"


WASM-Devices-2.png

Mahmoud Fayed

unread,
Jun 25, 2026, 10:12:46 AMJun 25
to The Ring Programming Language
Hello Bert

1- Open Qt Maintenance/Installer
2- Install Qt 5 for WebAssembly

Greetings,
Mahmoud 

Bert Mariani

unread,
Jun 25, 2026, 11:28:25 AMJun 25
to The Ring Programming Language
Hello Mahmoud

On Windows  did  a  "Remove Program"  of QT.
Hoping to start from scratch


It came up with QT 6.11
Downloaded and installed ...
It did Not show WebAssembly
Found it under "Manage Extentions"
Enabled it
Restarted
Still does Not show WebAssembly

This is Frustrating !!

QT-1.PNG

After Restart -- No WebAssemly

QT-2.PNG

Mahmoud Fayed

unread,
Jun 25, 2026, 11:53:04 AMJun 25
to The Ring Programming Language
Hello Bert

(1) We use Qt 5.15

(2) The online installer provides options about what to install

Under Qt 5.15 (Like Qt 5.15.2 if you are using free open-source license) You will find WebAssebly

installqt.png

Greetings,
Mahmoud

Bert Mariani

unread,
Jun 25, 2026, 4:44:27 PMJun 25
to The Ring Programming Language
Hello Mahmoud

I started again ... here are the screen captures
Basically  the current QT Site  ...  it does Not work ... they don't make it easy 
What I have and you have do not match
This is after doing is twice.


After initial download
Trying to find the QT 15  ... its under Arch..
Snap1.png

Found the QT 15.2 and selected it 
Snap2.png

Installing "qT 5.15.2 ... no selection boxes 

Snap3.png

Downloading QT 15 packages
Snap4.png

After starting  ...   C:\Qt\Tools\QtCreator\bin\qtcreator.exe
Nothing again !!

Snap6.png
Reply all
Reply to author
Forward
0 new messages