Создать приложение 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, чтобы он заработал? какая правильная установка?