将 Stockfish 导入 React 应用程序：未捕获的 SyntaxError：意外的令牌 '<'

【问题标题】：Importing Stockfish into React App: Uncaught SyntaxError: Unexpected token '<'将 Stockfish 导入 React 应用程序：未捕获的 SyntaxError：意外的令牌 '<'
【发布时间】：2020-05-19 20:04:03
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript reactjs import

【解决方案1】：

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

stockfish.js 是否在项目的公共文件夹中？我不得不手动将 stockfish.js、stockfish.wasm 和 stockfish.asm.js 从折叠的 stockfish 模块复制到项目的公共文件夹中。对 NPM 不太友好。
尝试在路径中添加“/”。那是，让 stockfish = new Worker('/stockfish.js'); 对我来说，这解决了一个错误，如果我调用 where 如果我尝试从一个路由为“localhost:8080/game/12341234”的组件创建一个新工作人员，则对 stockfish 的请求将被发送到“localhost:8080” /game/stockfish.js”而不是“localhost:8080/stockfish.js”。

【讨论】：