时间戳

首页 > 解决方案 > 将 Stockfish 导入 React 应用程序：未捕获的 SyntaxError：意外的令牌 '<'

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

问题描述

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

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

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

之前有人问过这个问题（例如），但我找不到任何适用于我的情况的东西。

标签： javascriptreactjsimport

解决方案

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

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

  2. 尝试在路径中添加“/”。即让stockfish = new Worker('/stockfish.js'); 对我来说，这解决了一个错误，如果我调用 where 如果我尝试从一个路由为“localhost:8080/game/12341234”的组件创建一个新工作人员，则对 stockfish 的请求将被发送到“localhost:8080” /game/stockfish.js”而不是“localhost:8080/stockfish.js”。

推荐阅读