How to use WebWorker with ts-node? (without webpack)

Question

Is there any way to use ts-node with WebWorkers but without using webpack?

When I do:

const worker = new Worker('path-to/workerFile.ts', { // ... });

I get:

TypeError [ERR_WORKER_UNSUPPORTED_EXTENSION]: The worker script extension must be ".js" or ".mjs". Received ".ts" at new Worker (internal/worker.js:272:15) // ....

Any ideas?

Tomer

That's unfortunate; one would hope that web workers would accept any registered module extension. You could try writing a JavaScript file that just requires your TypeScript file. — Matt McCutchen
– Matt McCutchen, Commented Oct 25, 2018 at 14:44
Thanks, I tried, but when you require a typescript file from a js file you're getting runtime exceptions about typescript annotations, I guess that ts-node doesn't compile nested ts files or something. — kutomer
– kutomer, Commented Oct 25, 2018 at 15:27
Hm, maybe the worker isn't inheriting the require hooks from the main thread. Does it work if you add require("ts-node/register"); to the top of the JavaScript file? (I would try it myself but my version of Node doesn't support workers.) — Matt McCutchen
– Matt McCutchen, Commented Oct 25, 2018 at 15:33
It seems like the only solution will be to create some sort of ts-node plugin (github.com/TypeStrong/ts-node/issues/711#issuecomment-433104488) — kutomer
– kutomer, Commented Oct 25, 2018 at 16:24

Daniel de Andrade Varela · Accepted Answer · 2019-09-16 01:52:53Z

14

You can make an function to make the magic, using eval property of WorkerOption parameter.

const workerTs = (file: string, wkOpts: WorkerOptions) => {
    wkOpts.eval = true;
    if (!wkOpts.workerData) {
        wkOpts.workerData = {};
    }
    wkOpts.workerData.__filename = file;
    return new Worker(`
            const wk = require('worker_threads');
            require('ts-node').register();
            let file = wk.workerData.__filename;
            delete wk.workerData.__filename;
            require(file);
        `,
        wkOpts
    );
}

so you can create the thread like this:

let wk = workerTs('./file.ts', {});

Hope it can help.

answered Sep 16, 2019 at 1:52

Daniel de Andrade Varela

9291 gold badge11 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

kutomer Over a year ago

To be honest, this is no longer relevant to me, but cool very idea, hope it will help others.

Tom Over a year ago

If you get an error regarding the WorkerOptions make sure to import it correctly: import { Worker, WorkerOptions } from 'worker_threads';

Collectives™ on Stack Overflow

How to use WebWorker with ts-node? (without webpack)

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related