Rust冒泡排序WebAssembly加载报错：wbg模块未正确导出问题排查

核心问题1：缺少wbg导入依赖 #

你遇到的TypeError是因为用wasm-bindgen编译的Wasm文件依赖名为wbg的内置模块，这个模块负责处理Rust与JavaScript之间的类型转换、内存管理等底层交互逻辑。你在WebAssembly.instantiateStreaming中传入的第二个参数是空对象{}，没有提供这个必需的模块，导致Wasm实例化失败。

核心问题2：数组参数传递方式错误 #

即使Wasm加载成功，直接传递JS普通数组[10,11]给bubble_sort也会失败。Rust的&mut [i32]类型对应Wasm内存中的连续整数块，无法直接接收JS的动态数组，需要通过wasm-bindgen生成的胶水代码做类型转换。

解决步骤 #

1. 重新编译Wasm模块 #

使用wasm-pack以web为目标编译，它会自动生成包含wbg模块的胶水代码：

wasm-pack build --target web

编译完成后会生成pkg目录，里面包含：

• wasm_example_bindgen_bg.wasm：Wasm二进制文件
• wasm_example_bindgen.js：自动生成的JS胶水代码，负责Wasm加载、类型转换和依赖处理

2. 修改JavaScript调用代码 #

不需要手动调用WebAssembly.instantiateStreaming，直接导入胶水代码并使用：

import init, { bubble_sort } from './pkg/wasm_example_bindgen.js';

async function runSort() {
    // 初始化Wasm模块，自动处理依赖和内存
    await init();
    
    // 创建与Rust i32类型匹配的Int32Array（内存可直接共享）
    const arr = new Int32Array([10, 11, 3, 5, 2]);
    
    // 调用排序函数，会直接修改Int32Array的内容
    bubble_sort(arr);
    
    // 转换为普通JS数组输出结果
    console.log(Array.from(arr));
}

runSort();

3. 验证运行 #

确保你的HTML文件正确引入这个JS模块（需要用type="module"）：

<script type="module" src="./your-js-file.js"></script>

内容的提问来源于stack exchange，提问作者mark88