reactjs - 如何将 Stockfish.js 添加到我的 react (+ typescript) 应用程序中？

Question

我正在尝试构建一个国际象棋应用程序，您可以在其中与鳕鱼对战。我尝试用stockfish.js（github链接）实现stockfish，但我无法让它工作。我尝试了以下方法：

1. 将 stockfish 添加到公用文件夹并在我的 index.html 中启用它（有和没有 %PUBLIC_URL% 和类型）：

当我尝试使用(window as any).STOCKFISH()它仍然无法正常工作。

2. 将stockfish 添加到公共文件夹并使用网络工作者：

这得到了以下错误： abort(CompileError: WebAssembly.instantiate(): expected magic word 00 61 73 6d, found 3c 21 44 4f 我发现 3c 21 44 4f 表示 <!DO 所以它可能找不到它.

3. 只需要求它 ( var stockfish = require("stockfish"))

这也没有用。

我做错了什么，如果有人可以帮助我实现这一点，那就太好了。提前致谢

标签： reactjswebassemblyreact-tsx