Rust(Wasm)からファイルの中身を読み取る

実現したいこと

Rustからファイルを読み込み、その内容をHtmlに表示できるようにしたい

前提

Rust言語（wasm)でpublicディレクトリ内のreadme.txtの内容を読み取り、DOMを操作してHTMLに表示するプログラムを作っています。

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

Uncaught (in promise) RuntimeError: unreachable executed
    finalizeInit webpack://sample-site/./wasm/wasm.js?:323
    init webpack://sample-site/./wasm/wasm.js?:355

該当のソースコード

rust
1use std::fs;
2use wasm_bindgen::prelude::*;
3
4#[wasm_bindgen(start)]
5pub fn start() {
6    let window = web_sys::window().unwrap();
7    let document = window.document().unwrap();
8    let body = document.body().unwrap();
9    let content = document.create_element("p").unwrap();
10    let contents = fs::read_to_string("readme.txt")
11        .expect("Should have been able to read the file");
12    content.set_text_content(Some(&contents));
13    body.append_child(&content).unwrap();
14}

public/index.html

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <script src="/main.js"></script>
7  </head>
8  <body>
9
10  </body>
11</html>
12

public/readme.txt

text
1Hello World

(wasm.jsはwasm-packで生成したソースです）

javascript
1import init from "./wasm/wasm.js";
2
3init()

補足情報（FW/ツールのバージョンなど）

rustc 1.69.0-nightly (9aa5c24b7 2023-02-17)
wasm-pack 0.10.3

dameo

2023/03/16 11:52 編集

wasmはJavaScriptと連携してブラウザ上で実行されますよ。 https://rustwasm.github.io/docs/book/

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

回答1件

ベストアンサー

ウェブブラウザを実行環境として wasm を実行する場合、ウェブブラウザの中にはファイルシステムは無いのでファイルシステムへアクセスするのと同じ手順はとれません。ブラウザ内で実行中の wasm にとって readme.txt がある場所はネットワークごしであって、ファイルシステム上の同じディレクトリ内というわけではないのです。

各種リソースへのアクセスは JavaScript でやるのとほぼ同じだと考えるとわかりやすいでしょう。すなわち、 fetch 系の API を使うべきということです。 fetch_with_request などがそれにあたります。

投稿2023/03/18 01:20