openimsdk
[BUG] WebAssembly.instantiateStreaming Execution error here
OpenIM Server Version
最新版本
Operating System and CPU Architecture
Linux (AMD)
Deployment Method
Source Code Deployment
Bug Description and Steps to Reproduce
我在main.js当中执行
import { getSDK } from '@/modules/open-im-sdk-web-wasm';
const IMSDK = getSDK({ coreWasmPath: "/public/openIM.wasm", sqlWasmPath: "/public/sql-wasm.wasm", });
浏览器控制台输出
index.es.js:953 Failed to initialize WASM: TypeError: WebAssembly.instantiate(): Import #0 "gojs": module is not an object or function
我确定将wasm文件放入了public文件夹，同时的确也发现wasm的代码被缓存到了caches
我尝试最小化代码测试，在控制台运行以下代码 var initialized = false; var CACHE_KEY = "openim-wasm-cache";
async function fetchWithCache(url) { if (!("caches" in window)) { return fetch(url); } const cache = await caches.open(CACHE_KEY); const cachedResponse = await cache.match(url); const isResourceUpdated = async () => { const serverResponse = await fetch(url, { method: "HEAD" }); const etag = serverResponse.headers.get("ETag"); const lastModified = serverResponse.headers.get("Last-Modified"); return serverResponse.ok && (etag !== (cachedResponse === null || cachedResponse === void 0 ? void 0 : cachedResponse.headers.get("ETag")) || lastModified !== (cachedResponse === null || cachedResponse === void 0 ? void 0 : cachedResponse.headers.get("Last-Modified"))); }; if (cachedResponse && !await isResourceUpdated()) { return cachedResponse; } return fetchAndUpdateCache(url, cache); }
async function fetchAndUpdateCache(url, cache) { const response = await fetch(url, { cache: "no-cache" }); await cache.put(url, response.clone()); return response; }
async function initializeWasm(url) { if (initialized) { return null; } if (typeof window === "undefined") { return Promise.resolve(null); } go = new Go(); console.log(go.importObject); let wasm; try { if ("instantiateStreaming" in WebAssembly) { wasm = await WebAssembly.instantiateStreaming(fetchWithCache(url), go.importObject); } else { const bytes = await fetchWithCache(url).then((resp) => resp.arrayBuffer()); wasm = await WebAssembly.instantiate(bytes, go.importObject); } go.run(wasm.instance); } catch (error) { console.error("Failed to initialize WASM:", error); return null; } await wait(100); initialized = true; return go; }
initializeWasm("/openIM.wasm")
结果依然是报错
package.json依赖如下
{ "name": "vue-project", "version": "0.0.0", "private": true, "type": "module", "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview" }, "dependencies": { "open-im-sdk-wasm": "^3.8.0-rc.0", "pinia": "^2.1.7", "vue": "^3.4.29", "vue-router": "^4.3.3" }, "devDependencies": { "@vitejs/plugin-vue": "^5.0.5", "vite": "^5.3.1", "vite-plugin-vue-devtools": "^7.3.1" } }
Screenshots Link
No response
