Bundle web worker for npm package | Vite Land | Page 1

honest oar Nov 11, 2022, 9:55 AM

#

Hi, i'm trying to bundle web worker to make an react npm package. The problem comes when i try to import package to another project... The browser can't find the worker

#

const worker = new Worker(new URL('./workers/arnft.worker.ts', import.meta.url), { type: 'module' });

#

the import code

#

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

#

the error

#

Idk, i try to install this @surma/rollup-plugin-off-main-thread but the results are the same

#

the WIP repo https://github.com/antokhio/react-three-jsartoolkitnft

honest oar Nov 11, 2022, 11:01 AM

#

the problem may be that worker get's under assets/arnft.worker.505770f1.js

#

and react just not serving it from package...

#

mkay if i copy arnft.worker.4e733d5c.js to public it does work

honest oar Nov 11, 2022, 2:42 PM

#

But anyone has any clue how can i encode it to base64 directly?

pearl snow Nov 11, 2022, 5:03 PM

#

it looks like it is serving the script but it's not what it expects it to be

#

there's some info about the strict html checking here: https://web.dev/module-workers/

web.dev

Threading the web with module workers

Module workers make it easy to unblock the main thread by moving expensive code to a background thread while keeping the ergonomic and performance benefits of standard JavaScript modules.

#Bundle web worker for npm package