如何使用 es6 import 加载 emscripten 生成的模块?

问题描述 投票:0回答:2

我正在尝试导入使用 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

javascript es6-modules emscripten webassembly
2个回答
15
投票

当您使用

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));

3
投票

什么对我有用:

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;
    });
}
© www.soinside.com 2019 - 2024. All rights reserved.