我正在尝试导入使用 emscripten 生成的模块作为 es6 模块。 我正在尝试使用 emscripten 文档中的基本示例。
这是我用来从 C 模块生成 js 模块的命令:
emcc example.cpp -o example.js -s EXPORTED_FUNCTIONS="['_int_sqrt']" -s EXTRA_EXPORTED_RUNTIME_METHODS="['ccall', 'cwrap']" -s EXPORT_ES6=1 -s MODULARIZE=1
C 模块:
#include <math.h>
extern "C" {
int int_sqrt(int x) {
return sqrt(x);
}
}
然后导入生成的js模块:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Wasm example</title>
</head>
<body>
<script type="module">
import Module from './example.js'
int_sqrt = Module.cwrap('int_sqrt', 'number', ['number']);
console.log(int_sqrt(64));
</script>
</body>
</html>
这是失败的,因为 cwrap 在模块对象上不可用:
Uncaught TypeError: Module.cwrap is not a function
当您使用
MODULARIZE
时,您必须首先创建模块的实例。
import Module from './example.js'
const mymod = Module();
const int_sqrt = mymod.cwrap('int_sqrt', 'number', ['number']);
console.log(int_sqrt(64));
您也可以尝试
MODULARIZE_INSTANCE
选项。
你可能需要等待它完成初始化——我不确定功能什么时候这么简单。看起来像这样:
import Module from './example.js'
Module().then(function(mymod) {
const int_sqrt = mymod.cwrap('int_sqrt', 'number', ['number']);
console.log(int_sqrt(64));
});
我认为,在这里使用await可能会更好:
const mymod = await Module();
const int_sqrt = mymod.cwrap('int_sqrt', 'number', ['number']);
console.log(int_sqrt(64));
什么对我有用:
emcc 编译选项:
emcc latuile.cpp bombix.cpp -o latuile-origine.js -s EXPORTED_FUNCTIONS='["_latuile","_bombix"]' -s EXPORTED_RUNTIME_METHODS='["ccall","cwrap"]' -s ALLOW_MEMORY_GROWTH=1 -s EXPORT_ES6=1 -sMODULARIZE -s EXPORT_NAME="createMyModule"
其中latuile和bombix是我要调用的C++函数的名称。
在生成的文件 latuile-origin.js 的底部,我读到:
export default createMyModule;
然后在从 latuile-origin.js 导入的 Javascript 模块中,我有(注意“default”关键字):
import {default as createMyModule} from "./latuile-origine.js";
var Module;
function clientFunction()
{
...
const bombix = Module.cwrap("bombix","string",["string","string","string","string"])
const jsonResponse = bombix(rectdim, translations, sframe, slinks);
...
}
window.main = function main()
{
createMyModule().then(function(mymod){
Module = mymod;
});
}