升级了umi4之后, 访问.wasm文件失败

[deepdeepstudy]

引入rocket文件夹中的wasm文件

import('../../../public/rocket/index.js')
.then((module) => {
const rocket: IRocket = {};
Object.assign(rocket, module);
const ver = rocket.ver();
console.log('rocket verision:', ver);
window.maliang.rocket = rocket;
})
.catch(console.error);

提示Can't import the named export '__wbindgen_start' (imported as 'wasm') from default-exporting module (only default export is available)

[deepdeepstudy]

有没有走通过引入wasm文件的同学，支个招，另外chainWebpack参数为空了，怎么写配置呢？

[fz6m]

给个复现 demo 看看。

[deepdeepstudy]

复现demo
https://github.com/deepdeepstudy/test-umi4-wasm

[deepdeepstudy]

Module not found: Error: No parser registered for webassembly/async

[deepdeepstudy]

your e-mail is recieved，have a nice day!

[fz6m]

基于你的复现调整了一下。See https://github.com/MoeYc/umi4-wasm-example

主要调整：

• chainWebpack 配置 wasm 规则，此处使用 webpack5 原生 wasm 加载能力，有 sync 和 async 两种，参考 这里 。

• 我这里配置了 async 的 wasm 规则之后，直接在项目里导入就可以了，webpack 会帮你 async 加载，所以不能用 babel-plugin-dynamic-import-node （构建产物无法运行，这个库比较老，一些场景处理不到），如果你有打包为单文件的诉求，应该尝试配成 sync 的规则，并且用 import() 尝试？我没试过，自己研究下吧。

• 基于上一条，所以 wasm 不需要放到 public 里，直接作为项目的一部分，放到 src 里就行，webpack 打包会把 .wasm 文件作为静态资源带出来。

参考调整 commit ：MoeYc/umi4-wasm-example@062565a

[deepdeepstudy]

感谢大佬的灵丹妙药！很棒！

[Linefate]

感谢大佬，在webpack5 接 wasm 也遇到了问题，刚好看到umi这个解决方案，瞬间我的问题解决了
感谢

[deepdeepstudy]

your e-mail is recieved，have a nice day!

[deepdeepstudy]

your e-mail is recieved，have a nice day!