Hello world example not working

[Kofituo]

Describe the Bug

I'm trying to use this library as given in the examples sections but it doesn't work

Steps to Reproduce

Create a new repository and try out any of the examples in the example folder

Expected Behavior

It should compile without any errors

Actual Behavior

kofiotuo@Kofis-MacBook-Pro-2 untitled2 % npm run serve

> serve
> webpack serve

🧐  Checking for wasm-pack...

✅  wasm-pack is installed at /Users/kofiotuo/.cargo/bin/wasm-pack. 

ℹ️  Compiling your crate in development mode...

<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:8080/, http://[::1]:8080/
<i> [webpack-dev-server] On Your Network (IPv4): http://192.168.100.4:8080/
<i> [webpack-dev-server] Content not from webpack is served from '/Users/kofiotuo/IdeaProjects/untitled2/public' directory
[INFO]: 🎯  Checking for the Wasm target...
[INFO]: 🌀  Compiling to Wasm...
    Finished `dev` profile [unoptimized + debuginfo] target(s) in 0.03s
[INFO]: ⬇️  Installing wasm-bindgen...
[INFO]: Optional fields missing from Cargo.toml: 'description', 'repository', and 'license'. These are not necessary, but recommended
[INFO]: ✨   Done in 0.31s
[INFO]: 📦   Your wasm pkg is ready to publish at /Users/kofiotuo/IdeaProjects/untitled2/pkg.
✅  Your crate has been correctly compiled

assets by path *.js 285 KiB
  asset index.js 279 KiB [emitted] (name: main)
  asset pkg_index_js.index.js 6.36 KiB [emitted]
asset a1165bbc02befc246ad1.module.wasm 1.42 KiB [emitted] [immutable]
asset index.html 232 bytes [emitted]
runtime modules 31.5 KiB 15 modules
modules by path ./node_modules/ 185 KiB
  modules by path ./node_modules/webpack-dev-server/client/ 81.9 KiB 17 modules
  modules by path ./node_modules/webpack/hot/*.js 5.17 KiB 4 modules
  modules by path ./node_modules/html-entities/lib/*.js 78.9 KiB
    ./node_modules/html-entities/lib/index.js 4.84 KiB [built] [code generated]
    + 3 modules
  ./node_modules/ansi-html-community/index.js 4.16 KiB [built] [code generated]
  ./node_modules/events/events.js 14.5 KiB [built] [code generated]
modules by path ./pkg/ 1.88 KiB (javascript) 6.73 KiB (webassembly)
  ./pkg/index.js 167 bytes [built] [code generated]
  ./pkg/index_bg.wasm 40 bytes (javascript) 6.73 KiB (webassembly) [built] [code generated] [1 error]
  ./pkg/index_bg.js 1.68 KiB [built] [code generated]
./index.js 82 bytes [built] [code generated]

ERROR in ./pkg/index_bg.wasm
Module parse failed: Unknown element type in table: 0xNaN
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
Error: Unknown element type in table: 0xNaN
    at parseTableType (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1018:13)
    at parseTableSection (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1274:24)
    at parseSection (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1406:24)
    at Object.decode (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1740:25)
    at decode (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/index.js:253:21)
    at WebAssemblyParser.parse (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/wasm-async/AsyncWebAssemblyParser.js:61:19)
    at /Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/NormalModule.js:1303:19
    at processResult (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/NormalModule.js:937:11)
    at /Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/NormalModule.js:1030:5
    at /Users/kofiotuo/IdeaProjects/untitled2/node_modules/loader-runner/lib/LoaderRunner.js:407:3
 @ ./pkg/index.js 1:0-40 4:15-19 5:0-21
 @ ./index.js 3:0-15

webpack 5.95.0 compiled with 1 error in 671 ms
assets by status 8.01 KiB [cached] 3 assets
assets by status 280 KiB [emitted]
  asset index.js 279 KiB [emitted] (name: main)
  asset main.7b6388042cca00f9272c.hot-update.js 843 bytes [emitted] [immutable] [hmr] (name: main)
  asset main.7b6388042cca00f9272c.hot-update.json 28 bytes [emitted] [immutable] [hmr]
Entrypoint main 280 KiB = index.js 279 KiB main.7b6388042cca00f9272c.hot-update.js 843 bytes
cached modules 185 KiB [cached] 28 modules
runtime modules 31.5 KiB 15 modules
modules by layer 1.88 KiB (javascript) 6.73 KiB (webassembly)
  ./pkg/index.js 167 bytes [built]
  ./pkg/index_bg.wasm 40 bytes (javascript) 6.73 KiB (webassembly) [built] [1 error]
  ./pkg/index_bg.js 1.68 KiB [built]

ERROR in ./pkg/index_bg.wasm
Module parse failed: Unknown element type in table: 0xNaN
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
Error: Unknown element type in table: 0xNaN
    at parseTableType (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1018:13)
    at parseTableSection (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1274:24)
    at parseSection (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1406:24)
    at Object.decode (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/decoder.js:1740:25)
    at decode (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/@webassemblyjs/wasm-parser/lib/index.js:253:21)
    at WebAssemblyParser.parse (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/wasm-async/AsyncWebAssemblyParser.js:61:19)
    at /Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/NormalModule.js:1303:19
    at processResult (/Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/NormalModule.js:937:11)
    at /Users/kofiotuo/IdeaProjects/untitled2/node_modules/webpack/lib/NormalModule.js:1030:5
    at /Users/kofiotuo/IdeaProjects/untitled2/node_modules/loader-runner/lib/LoaderRunner.js:407:3
 @ ./pkg/index.js 1:0-40 4:15-19 5:0-21
 @ ./index.js 3:0-15

webpack 5.95.0 compiled with 1 error in 14 ms

Here's the repository link https://github.com/Kofituo/hello-world

[damon-btcsol]

The issue you're facing appears to be with how WebAssembly (wasm) files are handled during the build process. The error occurs because Webpack can't parse the .wasm file, indicating that an appropriate loader isn't configured to handle this file type.

[damon-btcsol]

To resolve this, you need to configure Webpack to correctly load .wasm files. Here's how you can update your Webpack configuration:

Install WebAssembly loader dependencies: Make sure you have the necessary WebAssembly loader and Webpack plugin installed. You can install them using npm:

[Kofituo]

How can I do that because I've followed all the instructions at that page?

[Kofituo]

Hello, anyone please?

[daxpedda]

What version of Rust are you running?
This remind me of errors people got because of the recently enabled by default reference type proposal.
So it might be that you Wasm engine just doesn't support that.

Unfortunately I'm not familiar with Webpack or wasm-pack, so I can't help further then that.

[Kofituo]

Actually I'm following the instructions given in this repository and here https://rustwasm.github.io/docs/book/game-of-life/hello-world.html
I'm using the latest version of nightly rust

[Kofituo]

Also, what wasm engine supports it so I give it a try please?

[daxpedda]

I only target browsers and Wasmtime, both have support for reference types.
I'm unfamiliar with other targets or the wider ecosystem.

[Kofituo]

Okay thanks

[Kofituo]

My rustc version:
rustup 1.27.1 (54dd3d00f 2024-04-24)
info: This is the version for the rustup toolchain manager, not the rustc compiler.
info: The currently active rustc version is rustc 1.83.0-nightly (1bc403daa 2024-10-11)