MDN Web docsに記載されているRust Webassemblyの例でエラーが出る

実現したいこと

https://developer.mozilla.org/ja/docs/WebAssembly/Rust_to_wasm
に記載されているRustからWebAssemblyにコンパイルする方法の記事を見て試してみているのですが、
最後のnpm run serveのコマンドを実行するところでエラーが発生してしまいます。

発生している問題・エラーメッセージ


ERROR in ./node_modules/@myname/wasm-test-code/wasm_test_code.js
Module not found: Error: Can't resolve './wasm_test_code_bg.js' in 'D:\Documents\site\node_modules\@myname\wasm-test-code'
 @ ./node_modules/@myname/wasm-test-code/wasm_test_code.js 2:0-39 2:0-39
 @ ./index.js

ERROR in ./node_modules/@myname/wasm-test-code/wasm_test_code_bg.wasm
Module not found: Error: Can't resolve './wasm_test_code_bg.js' in 'D:\Documents\site\node_modules\@myname\wasm-test-code'
 @ ./node_modules/@myname/wasm-test-code/wasm_test_code_bg.wasm
 @ ./node_modules/@myname/wasm-test-code/wasm_test_code.js
 @ ./index.js

該当のソースコード

js
1const js = import("./node_modules/@myname/wasm-test-code/wasm_test_code.js");
2js.then(js => {
3  js.greet("WebAssembly");
4});

試したこと

実際にエラーが出ている様子のフォルダー先をエクスプローラーで確認しましたが、該当ファイルは存在していました。なぜnot foundのエラーが出ているのかが不明のため、質問させていただきました。WebAssembly初心者のため、ご教授いただければ幸いです。

バージョン

Cargo 1.43.0
mpn 6.14.5

行動規範の内容に同意します

回答1件

ベストアンサー

亀レスで済みません。

どうやらこちらのwasm-packへのPR で修正された（けどまだリリースされてない）バグによって、 wasm_test_code_bg.js が生成されたnpmパッケージに含まれていないのが原因のようです。

pkg/package.json を開いて、 files というプロパティーに件の wasm_test_code_bg.js を追加して、再度 pkg で npm publish --access=public したあと、 site で npm update してください。

例:

pkg/package.json
1{
2  "name": "@myname/wasm-test-code",
3  ... 省略 ...
4  "files": [
5    "wasm_test_code_bg.wasm",
6    "wasm_test_code_bg.js", <= ここに追加！
7    "wasm_test_code.js",
8    "wasm_test_code.d.ts"
9  ],
10  ... 省略 ...