我在弄清楚如何构建Angular应用程序以使其与Angular Universal和可操作DOM的模块配合使用时遇到麻烦。我已经阅读了How to exclude browser modules from being built in Angular 5 Universal app这个问题,并且有一个总体思路,但是我的问题是我除了AppModule之外还拥有多个模块,并且正在讨论的库Angular Highcharts正在一个这样的嵌套模块中导入。
我当前的项目结构是
|---app.component.ts
|---app.module.ts
|---main
| |---main.component.ts
| |---main.module.ts
| |---special
| | |---special.component.ts
|---|---charts
| | |---firstchart.component.ts
| | |---secondchart.component.ts
在其他文件中。 firstchart
和secondchart
组件已在special
中使用,而我的库模块仅在main.module.ts
中被导入。并且AppModule
依次导入MainModule
。
我知道处理基于浏览器的模块的一种方法是使AppModule
与浏览器/服务器无关,并创建app.server.module.ts
和app.browser.module.ts
并将模块导入其中。但是在我的情况下,我有问题的库正被导入到嵌套模块中。我该如何处理?
当前状态的源代码可以在https://github.com/SayakMukhopadhyay/elitebgs/tree/65dd6b0761f22d709aafad01ec19c0974a0e9f70
中找到