How to import a typescript module inside a Web Worker in angular 8?

Question

Since Angular 8, you can now generate web worker to your app from the CLI. I did so exactly like the official guide:

And it works perfectly.

But as soon as I try to import any module to the top of app.worker.ts with:

import { MyData } from '../shared/shared.module';

Then I get compile errors:

Is there any other way to import modules into web workers?

Just as a comment that might be helpful, one thing I've noticed with web-workers in Angular 8 is that importing anything that is marked as @Injectable() causes exactly this sort of error. If your module has anything using DI that might be the cause of this error message. Unfortunately, I haven't found a solution to that problem yet. — John Ackerman
– John Ackerman, Commented Jun 20, 2019 at 23:59

VIBrunazo · Accepted Answer · 2019-06-22 13:05:01Z

5

My problem was that this shared module I was trying to import was created with ng generate module. In doing so, angular automatically imports NgModule, CommonModule and adds an @NgModule with declarations and imports to the exported class. These give you access to the DOM, and web workers cannot have access to the DOM. Which is what the compile error I was getting was talking about. Even tho I wasn't really using these imports and none of these were the reason why I was importing this module into the webworker. They were there anyway and they were causing the error.

I fixed it by simply removing the 2 import statements for NgModule, CommonModule and the whole @NgModule from my shared module. Then it imported fine without any errors into the web worker.

answered Jun 22, 2019 at 13:05

VIBrunazo

1,74816 silver badges22 bronze badges

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

1 Comment

David Votrubec Over a year ago

Thanks..I had similar problem and this pointed me in the correct direction.

Collectives™ on Stack Overflow

How to import a typescript module inside a Web Worker in angular 8?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related