reactjs - 如何在 React 中创建 Worker

Question

我正在尝试在使用 react 16.8.6 和 yarn 1.16.0 从 create-react-app 创建的应用程序中创建一个 worker。如果我使用 const backgroundWorker = new Worker('../assets/js/myWorker.js');

我收到控制台错误:Uncaught SyntaxError: Unexpected token <

但我知道那是正确的道路。这在 Angular 中运行良好。是否有关于如何在 React 中创建 worker 的好教程？

Answer 1

“assets”目录是@angular/cli 项目的公共(public)目录，而不是 create-react-app 项目。在 create-react-app 中，@angular/cli“assets”的等价物是“public”，这在 Using the Public Folder 下的 create-react-app 文档中有所描述。 .将您的“js”目录和“myWorker.js”文件移动到公共(public)目录并更新 worker 的创建以指向该路径:

const backgroundWorker = new Worker('/js/myWorker.js');

您也可以使用 process.env.PUBLIC_URL 代替:

const backgroundWorker = new Worker(`${process.env.PUBLIC_URL}/js/myWorker.js`);

希望对您有所帮助!