Question

我正在尝试在WebAssembly中执行计算factorial的基本C代码，当我在Google Chrome中加载WASM文件时（57.0.2987.98）我正在

CompileError：WebAssembly.compile（）：
  Wasm decode failedResult =期望的魔术词00 61 73 6d，
  发现30 30 36 31 @ + 0`

C代码：

double fact(int i) {
  long long n = 1;
  for (;i > 0; i--) {
    n *= i;
  }
  return (double)n;
}

WAST：

(module
  (table 0 anyfunc)
  (memory $0 1)
  (export "memory" (memory $0))
  (export "_Z4facti" (func $_Z4facti))
  (func $_Z4facti (param $0 i32) (result f64)
    (local $1 i64)
    (local $2 i64)
    (block $label$0
      (br_if $label$0
        (i32.lt_s
          (get_local $0)
          (i32.const 1)
        )
      )
      (set_local $1
        (i64.add
          (i64.extend_s/i32
            (get_local $0)
          )
          (i64.const 1)
        )
      )
      (set_local $2
        (i64.const 1)
      )
      (loop $label$1
        (set_local $2
          (i64.mul
            (get_local $2)
            (tee_local $1
              (i64.add
                (get_local $1)
                (i64.const -1)
              )
            )
          )
        )
        (br_if $label$1
          (i64.gt_s
            (get_local $1)
            (i64.const 1)
          )
        )
      )
      (return
        (f64.convert_s/i64
          (get_local $2)
        )
      )
    )
    (f64.const 1)
  )
)

WASM编译代码：

0061 736d 0100 0000 0186 8080 8000 0160
017f 017c 0382 8080 8000 0100 0484 8080
8000 0170 0000 0583 8080 8000 0100 0106
8180 8080 0000 0795 8080 8000 0206 6d65
6d6f 7279 0200 085f 5a34 6661 6374 6900
000a c380 8080 0001 bd80 8080 0001 027e
0240 2000 4101 480d 0020 00ac 4201 7c21
0142 0121 0203 4020 0220 0142 7f7c 2201
7e21 0220 0142 0155 0d00 0b20 02b9 0f0b
4400 0000 0000 00f0 3f0b 
`

Chrome中执行的代码：

 async function load(){
        let binary = await fetch('https://flinkhub.com/t.wasm');
        let bytes = await binary.arrayBuffer();
        console.log(bytes);

        let module = await WebAssembly.compile(bytes);
        let instance = await WebAssembly.Instance(module);
    }
    load().then(instance => console.log(instance.exports.fact(3)));

任何人都可以帮助我，我已经被困在这一整天并且无法理解出了什么问题。我使用WebAssembly Explorer来获取WAST和WASM代码。

Answer 1

使用您引用的WebAssembly Explorer下载功能，我得到以下文件（如hexdump所示）：

0000000 00 61 73 6d 01 00 00 00 01 86 80 80 80 00 01 60
0000010 01 7f 01 7c 03 82 80 80 80 00 01 00 04 84 80 80
0000020 80 00 01 70 00 00 05 83 80 80 80 00 01 00 01 06
0000030 81 80 80 80 00 00 07 95 80 80 80 00 02 06 6d 65
0000040 6d 6f 72 79 02 00 08 5f 5a 34 66 61 63 74 69 00
0000050 00 0a c3 80 80 80 00 01 bd 80 80 80 00 01 02 7e
0000060 02 40 20 00 41 01 48 0d 00 20 00 ac 42 01 7c 21
0000070 01 42 01 21 02 03 40 20 02 20 01 42 7f 7c 22 01
0000080 7e 21 02 20 01 42 01 55 0d 00 0b 20 02 b9 0f 0b
0000090 44 00 00 00 00 00 00 f0 3f 0b                  
000009a

这是一个有效的.wasm二进制文件，以魔术00 61 73 6d a.k.a. \0asm开头。根据您收到的错误消息，您的文件以30 30 36 31开头，并且无效。

仔细检查您的.wasm文件。

将ASCII 30 30 36 31解码为0061，这似乎是您的问题：您正在加载hex文件的文本版本。果然，您提供的网址（https://flinkhub.com/t.wasm）包含以下内容（我没有对其进行解析！它的ASCII码）：

0061 736d 0100 0000 0186 8080 8000 0160
017f 017c 0382 8080 8000 0100 0484 8080
8000 0170 0000 0583 8080 8000 0100 0106
8180 8080 0000 0795 8080 8000 0206 6d65
6d6f 7279 0200 085f 5a34 6661 6374 6900
000a c380 8080 0001 bd80 8080 0001 027e
0240 2000 4101 480d 0020 00ac 4201 7c21
0142 0121 0203 4020 0220 0142 7f7c 2201
7e21 0220 0142 0155 0d00 0b20 02b9 0f0b
4400 0000 0000 00f0 3f0b

我猜你是否覆盖了从资源管理器中保存的文件。

Answer 2

我不确定您的系统，但我使用的是 react 和 esbuild.wasm，在运行以下代码时出现错误。

const service = await esbuild.startService({
     worker: true,
     wasmURL: "/esbuild.wasm/esbuild.wasm"
 })

esbuild.wasm 与 node_module 一起在我的公共文件夹中。

所以我更正了 wasmURL: "https://unpkg.com/esbuild-wasm@0.8.27/esbuild.wasm" 的网址，现在它可以工作了。

Answer 3

30 30 36 31是字符串"0061"的十六进制转储，它是您的wasm二进制文件的十六进制转储的开头。你以某种方式获取文本hexdump而不是实际的二进制文件吗？

Answer 4

通常，此错误意味着您的浏览器会收到其他内容，而不是二进制.wasm文件。这可能是由Web服务器生成的错误页面或相同的.wasm但以某种方式损坏。我建议打开浏览器开发人员工具，转到网络选项卡，刷新页面并查看.wasm资源请求和响应。

Answer 5

我通过在生成wasm对象之前在Mac的zsh shell中正确设置GOARCH和GOOS环境变量来解决此问题。看起来go编译器无法识别这两个变量，除非您在父shell中将它们爆炸性导出为全局变量。我只是导出了两个变量，然后运行了编译器。

% export GOARCH=wasm
% export GOOS=js
% go build -o hello.wasm hello.go

CompileError：WebAssembly.compile（）

5 个答案: