How integrate web worker correctly ? [Typescript]

[binaryangel-noa]

Hello.
I am looking for strategies / examples / guides about how to integrate Web Worker into a razzle project written in TypeScript

Thanks ahead! :-) 🦊

[fivethreeo]

#1544

[fivethreeo]

https://v4.webpack.js.org/loaders/worker-loader/

[binaryangel-noa]

Based on this i almost got where i wanted... but one the last mile i have an issue that might be CORS related ?
I receive the error [Uncaught DOMException: Failed to construct 'Worker': Script at 'http://localhost:3001/static/js/firebase.worker.worker.js' cannot be accessed from origin 'http://localhost:3000'."]

When i try to access it directly, the file is there. And npm run build + npm run start:prod works correctly too.

Did you happen to come across something like that ?

[fivethreeo]

Yeah, cors i think

[binaryangel-noa]

Any idea what to look for to resolve it ? Missing any clue currently... hmm... might be enough to add a cors rule to the express server ?

[fivethreeo]

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

[fivethreeo]

yes, but needs to be a specific csp, not wildcard

[fivethreeo]

I would be interested in seeing how you set this up, possible to share how?

[binaryangel-noa]

I will try to... currently its abit of mess... was looking into a "good" way to integrate firebase messaging push notifications :-D