Búsqueda de sitios web

rust - ¿Cómo importar un archivo wasm generado por wasm-pack dentro de un archivo TypeScript?


Pasos :

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

Nombre del proyecto: 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 tiene todos los detalles necesarios:

[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"

En el directorio del proyecto, ejecuta los comandos:

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);

Y finalmente, en el directorio raíz del proyecto:

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

Pero recibo el siguiente error:

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

Esto es lo que estoy intentando hacer: Me gustaría generar un archivo .wasm a partir de archivos de Rust (usando wasm-pack), importar ese archivo dentro de un archivo .ts y ejecutarlo con deno. Pero no puedo solucionar el último paso.

Intenté usar wasi, no funcionó. Seguir los pasos anteriores y usar node/js en lugar de deno/ts funciona bien con la ayuda de la guía rustwasm.

Pero

¿Cómo puedo lograr lo que mencioné arriba utilizando deno + ts?

Respuesta #1

El constructor requiere el objeto imports:

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