I cannot initialize my WebAssembly built from Rust. It told me failed to fetch when I call init()

Open
#3,033 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
30/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
rust, typescript, wasm
Domain
backend, devtools

Research direction

Start by reproducing the failure from index.tsx, focusing on the await init call inside onRpcRequest and the referenced pkg/hello_wasm.js and hello_wasm_bg.wasm paths. Check snap.manifest.json alongside the Rust-to-Wasm setup guide; done means the WebAssembly module initializes successfully when the localhost:8000 request is sent.

Written by the indexing model from the issue text.

Description

Hi, I am trying to add the WebAssembly I built from Rust by this guide into my Snap. I added the pkg folder into /packages/snap

In my index.tsx, I added import init, { greet, get_hello_world_string } from '../pkg/hello_wasm.js';.

Then I was trying to add await init('../pkg/hello_wasm_bg.wasm'); into onRpcRequest. I did not work and I was given error "failed to fetch" when I click send message in the webpage of localhost:8000.

I also tried await fetch('./hello_wasm_bg.wasm'); and await fetch('../pkg/hello_wasm_bg.wasm'); They were all giving the same error failed to fetch.

I already added "endowment:network-access": {}, "endowment:webassembly": {} into my snap.manifest.json

Can any tell me how can I add my WebAssembly correctly into my Snap?

Dominant language
TypeScript
Stars
853
Forks
662
Avg merge
2d 8h
Merged PRs (30d)
8

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from MetaMask/snaps

All issues in MetaMask/snaps

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.