我正试图将一个使用标准库的小型C++示例编译为wasm，以便与基本的javascript入口点(不是生成的粘合代码(一起使用。不幸的是，在加载模块时，我收到以下错误：
类型错误：WebAssembly.instantiate((：导入#0模块="wasi_snapshot_preview1"错误：模块不是对象或函数
我以前尝试过使用wasisdk和独立llvm进行构建，但遇到了类似的问题。似乎没有关于解决这个相当神秘的错误的信息。
首先，在我深入研究之前，是否有可能将使用标准库中数据结构的C++代码构建成独立的wasm？考虑到wasm还处于早期阶段，我不确定我是否能够完成这项工作，但我可能做得不对。根据我的经验，几乎每个内置的数据结构和字符串都会导致问题，即使我重载new和delete以排除一些内存分配问题。
更多细节，我的系统是MacOS10.14，我运行的是Chrome80。我正在使用github中的emsdk的最新版本进行编译。
我对代码块的大量涌入表示歉意，但我不确定还有什么更好的例子。我已经尽可能地把这些例子减少到最少。
这是我的bash构建脚本：
em++ source.cpp
--std=c++17
-flto
-fno-exceptions
-Os
-o output.wasm
-s "EXPORTED_FUNCTIONS=['_animate']"
-s ERROR_ON_UNDEFINED_SYMBOLS=0
C++：我一使用数据结构(如标准无序映射(就会出现错误。
#ifdef __cplusplus
#define extern_c_begin() extern "C" {
#define extern_c_end() }
#else
#define extern_c_begin()
#define extern_c_end()
#endif
#include <unordered_map>
std::unordered_map<int, int> map;
int use_map() {
// if I use the map at all, I get the error
map.insert({1, 2});
return (int)map.size();
}
extern_c_begin()
// call into js
void hello_js(void);
int animate(long arg) {
int size = use_map();
hello_js();
return size;
}
extern_c_end()
最后，我的javascript/index.html:
<!DOCTYPE html><html><head></head><body>
<script type="module">
"use strict";
(async () => {
try {
const wasmInfo = {
instance : null,
memoryHeap : null,
env : {}
};
wasmInfo.env["hello_js"] = () => {
console.log("in js, call from wasm");
};
// error on load
const wasmLoadResult = await WebAssembly.instantiateStreaming(
fetch("./output.wasm"),
{env : wasmInfo.env}
);
wasmInfo.instance = wasmLoadResult.instance;
function animate(t) {
requestAnimationFrame(animate);
try {
console.log(wasmInfo.instance.exports.animate(t));
} catch (e) {
console.error(e);
}
}
requestAnimationFrame(animate);
} catch (err) {
console.error(err);
}
})();
</script></body></html>
这似乎发生在几乎所有的数据结构中。我甚至尝试了一个名为robin_hood的第三方库来替换地图，但这也有同样的问题。
有解决方案吗？
您需要实现程序所需的所有系统调用。查看wasm-objdump的输出，可以看到程序所需的所有导入的列表。
首先，在我深入研究之前，是否有可能将使用标准库中的数据结构的C++代码构建成独立的wasm？
是。证明：
// app.cpp
#include <vector>
using std::vector;
typedef long int i32;
extern "C" {
i32 myFunction(i32 myNumber) {
vector<i32> myVector{ 666, 1337 };
return myVector[0] + myVector[1] + myNumber;
}
}
emcc -Os -s INITIAL_MEMORY=64kb -s MAXIMUM_MEMORY=64kb -s ALLOW_MEMORY_GROWTH=0 -s TOTAL_STACK=0kb -s STANDALONE_WASM -s EXPORTED_FUNCTIONS="['_myFunction']" -Wl,--no-entry "app.cpp" -o "app.wasm"
// javascript
(async () => {
const response = await fetch('app.wasm');
const file = await response.arrayBuffer();
const imports = { wasi_snapshot_preview1: { proc_exit: () => { } } } // dummy placeholder function, a sacrifice to the emscripten god who demands it
const wasm = await WebAssembly.instantiate(file, imports);
const { myFunction } = wasm.instance.exports;
const myNumber = myFunction(123);
console.log(myNumber); // 2126
})();