Wasm: Uncaught (in promise) TypeError: Import #0 module="env" error: module is not an object or function Promise.then (async) (anonymous) @ (index):9

Question

我是 emscripten 的新手，发现它很难......我有义务在 Windows 上工作，因为我必须测试我的应用程序的 .exe 版本。 我在 Windows 7 上。

我可以编译 wasm 但 javascript 无法读取它。 这是我的代码。

代码：

char * HelloWorld ()
{
    return "Hello World !";
}

Emscripten 命令行：

emcc hello.c -O2 -s ONLY_MY_CODE=1 -s WASM=1 -s SIDE_MODULE=1 -s EXPORTED_FUNCTIONS="['_HelloWorld']" -o hello.wasm

结果：

(module
  (type $t0 (func (result i32)))
  (type $t1 (func))
  (import "env" "memory" (memory $env.memory 256))
  (import "env" "memoryBase" (global $env.memoryBase i32))
  (func $_HelloWorld (export "_HelloWorld") (type $t0) (result i32)
    (get_global $env.memoryBase))
  (func $__post_instantiate (export "__post_instantiate") (type $t1)
    (set_global $g1
      (i32.add
        (get_global $env.memoryBase)
        (i32.const 16)))
    (set_global $g2
      (i32.add
        (get_global $g1)
        (i32.const 5242880))))
  (global $g1 (mut i32) (i32.const 0))
  (global $g2 (mut i32) (i32.const 0))
  (data (get_global $env.memoryBase) "Hello World !"))

Javascript：

importObject = {};

fetch('hello.wasm').then(response =>
  response.arrayBuffer()
).then(bytes =>
  WebAssembly.instantiate(bytes, importObject)
).then(results => {
  console.log("loaded");
});

错误信息：

Uncaught (in promise) TypeError: Import #0 module="env" error: module is not an object or function
Promise.then (async)
(anonymous) @ (index):9

你能告诉我我的代码有什么问题吗？

Answer 1

我认为挑战在于：WebAssembly尚未完全成熟。

这些示例从看起来像NPM软件包的位置显示了它们的加载程序。 在该软件包中，importObj是可选的。

您和我正在尝试使用WebAssembly.instantiate（）-我正在使用网络工作者。

因此，我们需要传递更完整的导入信息-特别是带有异常终止方法的环境。 这是来自https://webassembly.studio的assemblyscript入门项目的示例：

main.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body style="background: #fff">
  <span id="container"></span>
  <script src="./main.js"></script>
</body>
</html>

main.js

WebAssembly.instantiateStreaming(fetch("../out/main.wasm"), {
  main: {
    sayHello() {
      console.log("Hello from WebAssembly!");
    }
  },
  env: {
    abort(_msg, _file, line, column) {
      console.error("abort called at main.ts:" + line + ":" + column);
    }
  },
}).then(result => {
  const exports = result.instance.exports;
  document.getElementById("container").textContent = "Result: " + exports.add(19, 23);
}).catch(console.error);

主要

declare function sayHello(): void;

sayHello();

export function add(x: i32, y: i32): i32 {
  return x + y;
}

注意importObject中的env.abort函数

Answer 2

你应该像这样写 importObject

const importObject = {
  env: {
    __memory_base: 0,
    __table_base: 0,
    memory: new WebAssembly.Memory({initial: 1})
  }
}

Wasm: Uncaught (in promise) TypeError: Import #0 module="env" error: module is not an object or function Promise.then (async) (anonymous) @ (index):9

问题描述

2 个解决方案

解决方案1
0 2019-09-14 19:48:33

解决方案2
0 2021-08-05 08:51:31

Wasm: Uncaught (in promise) TypeError: Import #0 module=&quot;env&quot; error: module is not an object or function Promise.then (async) (anonymous) @ (index):9

问题描述

2 个解决方案

解决方案1 0 2019-09-14 19:48:33

解决方案2 0 2021-08-05 08:51:31

Wasm: Uncaught (in promise) TypeError: Import #0 module="env" error: module is not an object or function Promise.then (async) (anonymous) @ (index):9

解决方案1
0 2019-09-14 19:48:33

解决方案2
0 2021-08-05 08:51:31