将Stockfish导入React应用程序:未捕获SyntaxError:意外标记'<‘

Question

我正在尝试将stockfish的javascript实现导入到我的react应用程序中。我可以通过添加以下代码来复制上面的错误：

let stockfish = new Worker('stockfish.js');

我已经尝试过清除缓存，我认为这与我加载stockfish.js的方式有关。要复制这个错误，您需要做的就是使用create- react -app创建一个新的react应用程序，安装stockfish并添加上面的代码行。

以前有人问过这个问题(对于example)，但我找不到任何适合我的情况。

Answer 1

我也遇到过类似的问题，除了在vue应用程序中。这里有一些建议。

1. 在项目的公用文件夹中是stockfish.js吗？我必须手动将stockfish.js、stockfish.wasm和stockfish.asm.js从stockfish模块中复制到项目的公共文件夹中。对NPM不太友好。

1. 尝试在路径中添加'/‘。也就是说，让stockfish = new Worker('/ stockfish .js')；对我来说，这解决了一个bug，如果我试图从一个路由为"localhost:8080/game/12341234“的组件中创建一个新的工作者，对stockfish的请求将被发送到"localhost:8080/game/stockfish.js”而不是"localhost:8080/stockfish.js".