Qt安装WebAssembly及遇到的坑

Qt版本：5.15.2

编译器：MSVC2019

OS：Windows10

Python：3.8，emsdk使用

git：下载emsdk使用

 

1、安装emsdk

emsdk的版本：参见[2]；[3]中Qt5.15使用1.39.7

• Qt 5.12: 1.38.16
• Qt 5.13: 1.38.27 (multithreading: 1.38.30)
• Qt 5.14: 1.38.27 (multithreading: 1.38.30)
• Qt 5.15: 1.39.8

安装emsdk到c:\

cd c:\
git clone https:/github.com/emscripten-core/emsdk.git
cd emsdk
emsdk install 1.39.7

如果能正常安装完成，则继续下面的，如果在npm安装时停滞很长时间，最后报错退出，可能的原因，npm的源下载速度太慢，修改npm从淘宝镜像访问。（npm config get registry只是用来查看当前的设置，非必须运行）

cd ./node/12.18.1_64bit/bin
npm config get registry
npm config set registry https://registry.npm.taobao.org
cd c:\emsdk

继续安装

emsdk install 1.39.7
emsdk activate --embedded 1.39.7

将emsdk目录下的.emscripten文件复制到C:\Users\[用户名]目录下（[用户名]为进入win10的用户名）

用文本编辑器（记事本）打开.emscripten，将 emsdk_path = os.path.dirname(os.environ.get('EM_CONFIG')).replace('\', '/') 改成安装emsdk目录的绝对路径，比如 emsdk_path = 'c:/emsdk'（此步很重要！）

下面包含emsdk_path的路径全部把emsdk_path替换为'c:/emsdk'

现在QtCreator启动时从.emscripten查找emsdk的安装位置信息。

 

2、启动QtCreator，在 工具>>选项>>Kits>>编译器 中，自动列出了 Emscripten Compiler编译器

3、新建项目，选择Qt5.15.2 WebAssembly编译，F5运行

默认启动了IE浏览器，可惜IE不支持WebAssembly，所以打开Edge或者FireFox，把地址复制过来

 

参考：

[1] https://emscripten.org/docs/getting_started/downloads.html

[2] https://doc.qt.io/qt-5/wasm.html

[3] https://www.cnblogs.com/feiyangqingyun/p/14313949.html