Я написал небольшую библиотеку на ржавчине для выполнения некоторых вычислений с комплексными числами. Я сгенерировал wasm bin и js shim с помощью wasm-bindgen cli, опубликовал его и попытался использовать в небольшом приложении реакции. Для жизни я не могу получить веб-пакет, чтобы связать эту вещь.
У меня асинхронная точка разделения, и я пытаюсь использовать wasm-загрузчик. Я получаю "магический заголовок не обнаружен" из веб-пакета с этой конфигурацией. Я также попытался не указывать загрузчик, и в этом случае я получаю сообщение об ошибке: «Ошибка разбора модуля: неожиданный раздел в 0x83», и он говорит мне, что для этого может потребоваться соответствующий загрузчик. Я не уверен, каким должен быть магический заголовок или какие другие загрузчики посмотреть.
Вот мой файл package.json и webpack:
{
"name": "julia-set",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"@babel/core": "^7.6.2",
"@babel/preset-env": "^7.6.2",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.6",
"complex-julia-funcs": "^0.1.0",
"css-loader": "^3.2.0",
"express": "^4.17.1",
"nodemon": "^1.19.3",
"preset-react": "^1.0.0",
"react": "^16.10.1",
"react-dom": "^16.10.1",
"style-loader": "^1.0.0",
"volleyball": "^1.5.1",
"wasm-loader": "^1.3.0",
"webpack": "4.28.4",
"webpack-cli": "^3.3.9"
}
}
module.exports = {
mode: "development",
entry: __dirname + "/src/index.js",
output: {
path: __dirname + "/public",
filename: "bundle.js"
},
module: {
rules: [
{
test: /\.css$/i,
use: ["style-loader", "css-loader"]
},
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
options: {
presets: ["@babel/preset-env", "@babel/preset-react"]
}
}
}
]
}
};
и jsкод, вызывающий модуль npm:
const numberReader = async () => {
const { ComplexSqr } = await import("../../node_modules/complex-julia-funcs");
const z = new ComplexSqr(2, 3);
console.log(z);
};
export default numberReader;
Модуль npm - https://www.npmjs.com/package/complex-julia-funcs