Where is the em++ compiler located? How to install it?

8Observer8

Hi,

I installed emsdk using these commands like in the documentation: https://emscripten.org/docs/getting_started/downloads.html

> git clone https://github.com/emscripten-core/emsdk.git
> cd emsdk
> "emsdk.bat" install latest
> "emsdk.bat" activate latest

But where is "em++" that Qt requires?

JasonWong

Set it in QtCreator

In addition, please install the corresponding emsdk version according to your qt version, do not install the latest

捕获.PNG

8Observer8

@JasonWong thanks! I have an error below.

Here is an information what version should be installed for Qt 6.6: https://doc.qt.io/qt-6/wasm.html It is 3.1.37:

Use emsdk to install specific Emscripten versions. For example, to install it for Qt 6.6 enter:

./emsdk install 3.1.37

/emsdk activate 3.1.37

I deleted the old folder. I cloned a new one:

git clone https://github.com/emscripten-core/emsdk.git

I typed the "emsdk.bat" install 3.1.37 command.

Result:

Error: Downloading URL 'https://storage.googleapis.com/webassembly/emscripten-releases-builds/deps/portable_jre_8_update_152_64bit.zip': <urlopen error [Errno 2] No such file or directory>

Full log:

C:\emsdk>"emsdk.bat" install 3.1.37
Resolving SDK version '3.1.37' to 'sdk-releases-7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-64bit'
Installing SDK 'sdk-releases-7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-64bit'..
Installing tool 'node-16.20.0-64bit'..
Downloading: C:/emsdk/downloads/node-v16.20.0-win-x64.zip from https://storage.googleapis.com/webassembly/emscripten-releases-builds/deps/node-v16.20.0-win-x64.zip, 28623474 Bytes
Unpacking 'C:/emsdk/downloads/node-v16.20.0-win-x64.zip' to 'C:/emsdk/node/16.20.0_64bit'
Done installing tool 'node-16.20.0-64bit'.
Installing tool 'python-3.9.2-nuget-64bit'..
Downloading: C:/emsdk/downloads/python-3.9.2-4-amd64+pywin32.zip from https://storage.googleapis.com/webassembly/emscripten-releases-builds/deps/python-3.9.2-4-amd64+pywin32.zip, 14413267 Bytes
Unpacking 'C:/emsdk/downloads/python-3.9.2-4-amd64+pywin32.zip' to 'C:/emsdk/python/3.9.2-nuget_64bit'
Done installing tool 'python-3.9.2-nuget-64bit'.
Installing tool 'java-8.152-64bit'..
Error: Downloading URL 'https://storage.googleapis.com/webassembly/emscripten-releases-builds/deps/portable_jre_8_update_152_64bit.zip': <urlopen error [Errno 2] No such file or directory>
error: installation failed!

8Observer8

I deleted the C:\emsdk folder and I deleted the C:\emsdk from Path. I run a new CMD. Typed this command:

git clone https://github.com/emscripten-core/emsdk.git

And this one: "emsdk.bat" install 3.1.37

The emsdk was installed without problems:

C:\emsdk>"emsdk.bat" install 3.1.37
Resolving SDK version '3.1.37' to 'sdk-releases-7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-64bit'
Installing SDK 'sdk-releases-7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-64bit'..
Installing tool 'node-16.20.0-64bit'..
Downloading: C:/emsdk/downloads/node-v16.20.0-win-x64.zip from https://storage.googleapis.com/webassembly/emscripten-releases-builds/deps/node-v16.20.0-win-x64.zip, 28623474 Bytes
Unpacking 'C:/emsdk/downloads/node-v16.20.0-win-x64.zip' to 'C:/emsdk/node/16.20.0_64bit'
Done installing tool 'node-16.20.0-64bit'.
Installing tool 'python-3.9.2-nuget-64bit'..
Downloading: C:/emsdk/downloads/python-3.9.2-4-amd64+pywin32.zip from https://storage.googleapis.com/webassembly/emscripten-releases-builds/deps/python-3.9.2-4-amd64+pywin32.zip, 14413267 Bytes
Unpacking 'C:/emsdk/downloads/python-3.9.2-4-amd64+pywin32.zip' to 'C:/emsdk/python/3.9.2-nuget_64bit'
Done installing tool 'python-3.9.2-nuget-64bit'.
Installing tool 'java-8.152-64bit'..
Downloading: C:/emsdk/downloads/portable_jre_8_update_152_64bit.zip from https://storage.googleapis.com/webassembly/emscripten-releases-builds/deps/portable_jre_8_update_152_64bit.zip, 69241499 Bytes
Unpacking 'C:/emsdk/downloads/portable_jre_8_update_152_64bit.zip' to 'C:/emsdk/java/8.152_64bit'
Done installing tool 'java-8.152-64bit'.
Installing tool 'releases-7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-64bit'..
Downloading: C:/emsdk/downloads/7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-wasm-binaries.zip from https://storage.googleapis.com/webassembly/emscripten-releases-builds/win/7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2/wasm-binaries.zip, 419522512 Bytes
Unpacking 'C:/emsdk/downloads/7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-wasm-binaries.zip' to 'C:/emsdk/upstream'
Done installing tool 'releases-7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-64bit'.
Done installing SDK 'sdk-releases-7c905cfc1ca6699f6ccb288ae174902cfbdcf0a2-64bit'.

I activated the 3.1.37 version: "emsdk.bat" activate 3.1.37

I added the C:\emsdk path to Qt Creator here: Edit -> Preferences... -> Devices -> WebAssembly

I created a new project and it works!

main.cpp


#include <QtWidgets/QApplication>
#include <QtWidgets/QWidget>
#include <QtWidgets/QLabel>
#include <QtWidgets/QVBoxLayout>

class Widget : public QWidget
{
public:
    Widget()
    {
        QLabel *label = new QLabel("Hello, WebAssemlym, from Qt!");
        QVBoxLayout *layout = new QVBoxLayout();
        layout->addWidget(label);
        setLayout(layout);
    }
};

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    Widget w;
    w.show();
    return app.exec();
}

pro

QT       += core gui widgets

CONFIG += c++17

SOURCES += \
    main.cpp