Создать приложение React, импортировать Wasm в Web Worker

Я работаю с wasm-bindgen и приложением для реагирования (созданным с помощью create-react-app), и я хотел бы импортировать модуль wasm в веб-воркер.

Я использую этот пример для начала.

Для работы с wasm в "основном потоке" я настроил react-app-rewired, вот config-overrides.js:

const path = require('path');

module.exports = function override(config, env) {
    const wasmExtensionRegExp = /\.wasm$/;

    config.resolve.extensions.push('.wasm');

    config.module.rules.forEach(rule => {
        (rule.oneOf || []).forEach(oneOf => {
            if (oneOf.loader && oneOf.loader.indexOf('file-loader') >= 0) {
                // Make file-loader ignore WASM files
                oneOf.exclude.push(wasmExtensionRegExp);
            }
        });
    });

    // Add a dedicated loader for WASM
    config.module.rules.push({
        test: wasmExtensionRegExp,
        include: path.resolve(__dirname, 'src'),
        use: [{ loader: require.resolve('wasm-loader'), options: {} }]
    });

    return config;
};

В основном потоке я могу импортировать wasm и использовать его следующим образом после локальной ссылки npm (не публиковал ни одного модуля npm):

const wasm = import('my_wasm_package')

wasm.then(w => w.call__some_function())

Я читал, что вы должны скомпилировать модуль wasm в основном потоке, а затем опубликовать его в потоке, поэтому я попробовал следующее:

fetch("my_wasm_package").then(response =>
  response.arrayBuffer()
).then(bytes =>
  WebAssembly.compile(bytes)
).then(WasmModule =>
  myWorker.postMessage(WasmModule)
);

Это дает мне следующую ошибку:

localhost/:1 Uncaught (in promise) CompileError: WebAssembly.compile(): expected magic word 00 61 73 6d, found 3c 21 44 4f @+0

Я также пробовал использовать обычную команду импорта:

const wasm = import('my_wasm_package')

wasm.then(w => {

   myWorker.postMessage(w)

})

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

Uncaught (in promise) DOMException: Failed to execute 'postMessage' on 'Worker': function greet() {
  _satellite_rust_bg_wasm__WEBPACK_IMPORTED_MODULE_0__["greet"]();
} could not be cloned.
    at

Могу ли я что-нибудь добавить в webpack.config, чтобы он заработал? какая правильная установка?

0 ответов

Другие вопросы по тегам