如何在angular 8的Web Worker中导入Typescript模块？

Question

自Angular 8起，您现在可以通过CLI为您的应用程序生成Web worker。我的做法与官方指南完全相同：

https://angular.io/guide/web-worker

它运行完美。

但是，一旦我尝试使用以下方式将任何模块导入app.worker.ts的顶部：

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

然后我得到编译错误：

还有其他将模块导入到Web Worker中的方法吗？

Answer 1

我的问题是，我尝试导入的共享模块是使用NgModule创建的。这样，angular会自动导入CommonModule，@NgModule，并向导出的类添加带有声明和导入的NgModule。这些使您可以访问DOM，并且Web工作人员无法访问DOM。我正在谈论的是编译错误。即使我实际上并没有真正使用这些导入，但是这些都不是我将该模块导入到Webworker中的原因。无论如何，他们在那里，并且正在引起错误。

我通过简单地从共享模块中删除了CommonModule，@NgModule和整个IF ((Q1 > Q2) AND Q3 = "No") THEN output "You have more apples" ELSEIF ((Q1 > Q2) AND Q3 = "Yes") THEN output "You might not have more apples" ENDIF 的2条导入语句来解决了这个问题。然后，它可以完美无误地导入到网络工作者中。