How To Create Worker in React

Question

I'm trying to create a worker in an app created from create-react-app using react 16.8.6 and yarn 1.16.0. If I use const backgroundWorker = new Worker('../assets/js/myWorker.js');

I get the console error: Uncaught SyntaxError: Unexpected token <

But I know that is the correct path. This works fine in Angular. Is there a good tutorial on how to create a worker in React?

Answer 1

The directory "assets" is the public directory for @angular/cli projects, not create-react-app projects. In create-react-app the equivalent of @angular/cli "assets" is "public" which is described in the create-react-app documentation under Using the Public Folder. Move your "js" directory and the "myWorker.js" file to the public directory and update the creation of the worker to point to that path instead:

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

You can also use process.env.PUBLIC_URL instead:

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

Hopefully that helps!