WebAssembly模块无法与Emscripten生成的JS初始化问题求助

核心问题 #

你遇到的onRuntimeInitialized未触发、全局Module配置无效的根本原因是使用了-s MODULARIZE编译选项，但未按照模块化方式初始化Emscripten模块：

• 当启用MODULARIZE时，Emscripten会将生成的minimal.js打包为ES模块，它导出一个模块工厂函数，而非依赖全局Module对象。你之前定义的全局Module不会被模块读取，因此回调永远不会执行。
• 另外，你代码中用cwrap引用的get_fixed_value名称错误——Emscripten默认会给导出的C函数添加下划线前缀，正确名称应为_get_fixed_value。

修正步骤 #

1. 调整HTML中的模块初始化代码

删除原来的全局Module定义和非模块类型的minimal.js引用，改用ES模块的方式导入工厂函数并初始化：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Minimal WebAssembly Example</title>
    <script type="module">
        // 导入Emscripten生成的模块工厂函数
        import createModule from './minimal.js';
        
        console.log("Module factory imported.");
        
        // 调用工厂函数并传入配置对象
        createModule({
            onRuntimeInitialized: function() {
                console.log("WebAssembly module initialized.");
                // 绑定导出的C函数（注意下划线前缀）
                window.getFixedValue = () => {
                    const getFixedValue = this.cwrap('_get_fixed_value', 'number', []);
                    return getFixedValue();
                };
                // 启用按钮
                document.getElementById('getValueButton').disabled = false;
            }
        });
    </script>
</head>
<body>
    <h1>Minimal WebAssembly Example</h1>
    <button id="getValueButton" onclick="getValue()" disabled>Get Fixed Value</button>
    <pre id="result"></pre>

    <script>
        function getValue() {
            if (typeof getFixedValue !== 'undefined') {
                const result = getFixedValue();
                document.getElementById('result').textContent = "Fixed Value: " + result;
            } else {
                alert("WebAssembly module is still loading. Please try again in a moment.");
            }
        }
    </script>
</body>
</html>

2. 验证编译配置（可选）

你的emcc编译命令无需修改，已经正确导出了_get_fixed_value和cwrap方法：

emcc minimal.c -o minimal.js -s EXPORTED_FUNCTIONS='["_get_fixed_value"]' -s EXPORTED_RUNTIME_METHODS='["cwrap"]' -s MODULARIZE

验证结果 #

1. 启动本地服务器（如python -m http.server）
2. 打开浏览器访问页面，控制台会依次输出Module factory imported.和WebAssembly module initialized.
3. 按钮会自动启用，点击后页面会显示Fixed Value: 42

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