Cannot read properties of undefined (reading 'createElement')

[alimozdemir]

🐛 The bug

I just upgraded to 0.1.0 from 0.0.3.

In my main repo, I'm getting error something like "document" is not defined. However when I've created the reproduction link it became

Cannot read properties of undefined (reading 'createElement')

Rollback to 0.0.3 fixes the issue.

🛠️ To reproduce

https://stackblitz.com/edit/github-yar8wcdy?file=workers%2Ftest.ts,app.vue

🌈 Expected behaviour

document should work

ℹ️ Additional context

No response

[franklin-tina]

I don't think you can directly manipulate DOM in web workers.
See reference on MDN.
There's a link to a playground on that same MDN page I linked, where if you copy-paste the code you have in your worker file, you'll get the same error.

It's a feature or limitation of web workers

[alimozdemir]

@franklin-tina it's well common thing that people are optimizing images via canvas through the workers.

Here is an example npm package. https://www.npmjs.com/package/browser-image-compression

I will look into your links tomorrow morning in detail, thank you for your answer

[alimozdemir]

The reference you shared is not what I'm trying to do.

"The main thing you can't do in a Worker is directly affect the parent page. This includes manipulating the DOM and using that page's objects. "

I'm not doing anything regarding the page; I'm just creating "canvas" element and doing some operation on it and not exposing it anywhere. Although, if it's officially not supported, nothing to do I believe.

But it's also interesting that it works with 0.0.3 and not working with 0.1.0