Как импортировать файл wasm, созданный wasm-pack, в файл typescript?

#typescript #rust #webassembly #deno

#typescript #Ржавчина #webassembly #deno

Вопрос:

Шаги:

cargo generate --git https://github.com/rustwasm/wasm-pack-template

Название проекта: project-name

 // src/lib.rsj
mod utils;

use wasm_bindgen::prelude::*;

#[cfg(feature = "wee_alloc")]
#[global_allocator]
static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;

#[wasm_bindgen]
struct Temp;

#[wasm_bindgen]
impl Temp {
    pub fn hello() -> String {
        String::from("QWE")
    }
}
  

Cargo.toml содержит все необходимые детали:

 [lib]
crate-type = ["cdylib", "rlib"]

[features]
default = ["console_error_panic_hook"]

[dependencies]
wasm-bindgen = "0.2.63"

console_error_panic_hook = { version = "0.1.6", optional = true }

wee_alloc = { version = "0.4.5", optional = true }

[dev-dependencies]
wasm-bindgen-test = "0.3.13"

[profile.release]
opt-level = "s"

  

В каталоге проекта выполните команды:

 # builds and makes pkg directory in root directory with .js .ts and .wasm files
wasm-pack build

mkdir deno
touch deno/main.ts
  
 // deno/main.ts

const filename = "<absolute-path>/pkg/project_name_bg.wasm";
const wasmCode = await Deno.readFile(filename);
const wasmModule = new WebAssembly.Module(wasmCode);
const wasmInstance = new WebAssembly.Instance(wasmModule);
const {
    Temp,
} = wasmInstance.exports;

console.log(Temp);
  

И, наконец, в корневой каталог проекта:

 deno run --allow-read deno/main.ts
  

Но я получаю следующую ошибку:

 error: Uncaught TypeError: WebAssembly.Instance(): Imports argument must be present and must be 
an object
const wasmInstance = new WebAssembly.Instance(wasmModule);
                     ^
    at file:///.../project-name/deno/main.ts:5:22
  

Вот что я пытаюсь сделать: я хотел бы сгенерировать .wasm файл из файлов rust (используя wasm-pack ), импортировать этот файл внутри .ts file и выполнить с deno помощью . Но я не могу исправить последний шаг.

Я пытался использовать wasi, не сработало. Выполнение описанных выше шагов и использование node / js вместо deno / отлично ts работает с помощью руководства по rustwasm.

Но

Как я могу достичь того, что я упомянул выше, используя deno ts ?

Ответ №1:

Конструктору требуется imports объект:

 const imports = { };
const wasmInstance = new WebAssembly.Instance(wasmModule, imports);