Question

我是刚开始使用脚本的人，觉得很难。...我有义务在Windows上工作，因为我必须测试我的应用程序的.exe版本。我在Windows 7上。

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

C代码：

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

main.ts

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：未捕获（承诺）TypeError：导入＃0 module =“ env”错误：模块不是对象或函数Promise.then（异步）（匿名）@（索引）：9

2 个答案: