多次调用Emscripten编译的WASM JS无响应问题求助

你的核心问题在于重复加载Emscripten生成的JS脚本时，浏览器会缓存脚本内容，且全局的Module、Runtime等对象不会因移除脚本标签而被清理——第二次添加相同src的脚本标签时，浏览器不会重新执行脚本；即便执行，Emscripten也会因为Module已初始化过而忽略新的配置，导致后续调用无反应。

正确的实现思路 #

不要每次都重新加载脚本，应该只加载一次Emscripten生成的JS，之后复用已初始化的Module和Runtime，手动控制每次的执行流程。

修改后的代码示例 #

// 全局变量保存Module实例与脚本加载状态
let wasmModule = null;
let isScriptLoaded = false;

export function runWASM(newCodeString) {
    return new Promise((resolve) => {
        // 首次加载脚本并初始化Module
        if (!isScriptLoaded) {
            window.Module = {
                arguments: ['code.sno'],
                print: (text) => console.log(text),
                noInitialRun: true, // 禁止自动运行，由手动触发
                noExitRuntime: true, // 保持Runtime活跃，支持多次调用
                onRuntimeInitialized: () => {
                    wasmModule = window.Module;
                    isScriptLoaded = true;
                    // 脚本初始化完成后执行首次代码
                    executeTargetCode(newCodeString, resolve);
                }
            };

            const script = document.createElement('script');
            script.src = '/interpretter.js';
            script.id = 'code-script';
            document.body.appendChild(script);
        } else {
            // 脚本已加载，直接执行新代码
            executeTargetCode(newCodeString, resolve);
        }
    });
}

function executeTargetCode(codeString, resolve) {
    // 清理旧的代码文件（如果存在）
    try {
        wasmModule.FS.unlink('/code.sno');
    } catch (e) {
        // 文件不存在时忽略错误
    }

    // 创建新的代码文件
    wasmModule.FS.createDataFile('/', 'code.sno', codeString, true, false, false);

    // 临时替换postRun，确保本次执行完成后触发resolve
    const originalPostRun = wasmModule.postRun || [];
    wasmModule.postRun = [
        ...originalPostRun,
        () => {
            resolve(true);
            // 恢复原postRun，避免后续执行重复触发
            wasmModule.postRun = originalPostRun;
        }
    ];

    // 手动调用解释器主函数
    wasmModule.callMain(['code.sno']);
}

关键修改说明 #

1. noInitialRun: true：阻止脚本加载后自动运行，将执行控制权交给我们的代码。
2. noExitRuntime: true：让Wasm Runtime保持活跃状态，支持多次调用callMain执行代码。
3. 单次脚本加载：仅在首次调用时加载interpretter.js，后续复用已初始化的Module。
4. 每次执行前清理旧文件：确保解释器每次读取的都是最新的代码内容。
5. 手动触发执行：通过callMain方法主动调用解释器的主函数，完成代码执行。

如果你的解释器本身存在状态残留问题（比如全局变量未重置），可能还需要在executeTargetCode中添加额外的状态重置逻辑，确保每次执行都是独立的环境。

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