Question

我正在尝试将使用emscripten生成的模块作为es6模块导入。我正在尝试使用emscripten文档中的basic example。

这是我用来从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

Answer 1

在使用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));
});

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

1 个答案: