我创建了一个rust-wasm模块，并使用workerize-loader加载它：

export const getQRCode = async (
  arg: string,
  width: number,
  height: number
) => {
  const { qrcode } = await import('uranus-qrcode');
  return qrcode(arg, width, height);
};

字符串
然后我用worker来表示：

// @ts-ignore
// eslint-disable-next-line import/no-webpack-loader-syntax
import qrCodeWorker from 'workerize-loader!workers/qrCodeWorker';
...
  const workerizeQRLoader = async () => {
    try {
      const instance = qrCodeWorker();
      const qr = await instance.getQRCode(href, 150, 150);
      setQRCode({
        __html: qr
      });
    } catch (e) {
      console.warn(e);
    }
  };
...
  useEffect(() => {
    workerizeQRLoader();
    // qrLoader();
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
...

型
上面的工作在dev模式下，但编译后它说：

TypeError: a.getQRCode is not a function
    at 8.a2ac9b2e.chunk.js:1
    at l (0.69608c56.chunk.js:2)
    at Generator._invoke (0.69608c56.chunk.js:2)
    at Generator.forEach.e.<computed> [as next] (0.69608c56.chunk.js:2)
    at r (0.69608c56.chunk.js:2)
    at s (0.69608c56.chunk.js:2)
    at 0.69608c56.chunk.js:2
    at new Promise (<anonymous>)
    at 0.69608c56.chunk.js:2
    at 8.a2ac9b2e.chunk.js:1

型
如果我将rust-wasm模块直接导入到主线程中，它就可以工作：

...
  const qrLoader = async () => {
    const { qrcode: render } = await import('uranus-qrcode');
    const qr = await render(href, 150, 150);
    setQRCode({
      __html: qr
    });
  };
  useEffect(() => {
    // workerizeQRLoader();
    qrLoader();
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
...

型
基本上，我试图让React（Webpack和TypeScript风格）加载WebAssembly模块（又名wasm，通过Rust-Wasmbindgen创建）通过web worker。我试过workerize-loader + wasm-loader，它在开发模式下工作得很好，但一旦编译完成，原型将不会被添加到worker（怀疑这是workerize-loader中的一个bug，因为所有workerized模块的行为都是一样的）。我还尝试使用worker-loader + comlink，但是工作装载机似乎不能与wasm-loader一起工作（无法将wasm导入到worker中）。唯一的方法是通过wasm-loader将wasm加载到主线程中，然后给予多线程。threads setup基本上是一个脚本.那么有人在React TypeScript项目中成功地使用了通过Web worker加载的WebAssembly模块吗？你的设置是什么？
我还创建了一个启动项目：https://github.com/aeroxy/react-typescript-webassembly-starter.git
你可以 checkout “workerize”分支，看看它在开发模式下是如何工作的，但编译后，它抛出“不是函数”错误。