examples fail with TypeError: WebAssembly: Response has unsupported MIME type 'text/html' expected 'application/wasm'

[makemeunsee]

Hello

Following https://docs.wasmer.io/sdk/wasmer-js/tutorials/xterm-js, npm run dev runs fine but the web app is dead, with only this warning and this error popping up in the browser console:

WebAssembly.instantiateStreaming failed because your server does not serve wasm with application/wasm MIME type. Falling back to WebAssembly.instantiate which is slower. Original error:
TypeError: WebAssembly: Response has unsupported MIME type 'text/html' expected 'application/wasm' index.mjs:11:47883

Uncaught CompileError: wasm validation error: at offset 4: failed to match magic number
index.mjs:11
v_ index.mjs:11
R_ index.mjs:11
index.ts:51

env info:

node -> 18.20.2
npm -> 10.5.0
@wasmer/sdk -> 0.8.0
(tried with with wasmer/sdk 0.9.0-rc1 too, same issue)

Let me know if I can provide more info to help.

Cheers,

[syrusakbary]

Can you try running this folder https://github.com/wasmerio/wasmer-js/tree/main/examples/wasmer.sh ?
You'll need to replace @wasmer/sdk with the version 0.8.0 instead of the folder (../../)

[makemeunsee]

Running wasmer.sh works out of the box.

I've compared it to the example code, and this change is enough to fix the example:

+ await init({module: WasmModule});
- await init();

Note the original line is also in https://wasmerio.github.io/wasmer-js/.

edit: and thanks for the prompt reply!