电子网络组装：类型错误：响应不正确的MIME类型。预期'application/wasm'

Question

WebAssembly.instantiateStreaming 在使用本地相对路径时失败。有没有办法禁用此检查，或者有人对解决问题的另一种方法有任何建议？我正在尝试删除我的电子项目的 Web 后端的依赖性。

<script>
WebAssembly.instantiateStreaming(fetch("relative/path/to/file.wasm", {
credentials: "same-origin",
headers: {
"Content-Type": "application/wasm"
}
}), {}).then(output => {
console.log(output);
}).catch(reason => {
console.log(reason);
});
</script>

Answer 1

我改用XMLHTTPRequest来解决这个问题。

Answer 2

只要切换到使用instantiate()而不是instantiateStreaming()，您仍然可以使用fetch()，因为前者不关心MIME类型，而后者则关心。例：

const response = await fetch("relative/path/to/file.wasm");
const buffer = await response.arrayBuffer();
const output = await WebAssembly.instantiate(buffer);
console.log(output);