У меня проблемы с выяснением того, как структурировать мое приложение Angular для работы с Angular Universal и модулем, который управляет DOM.Я прочитал этот вопрос Как исключить модули браузера из встроенного приложения Angular 5 Universal , и у меня есть общее представление, но моя проблема в том, что у меня есть несколько модулей, кроме 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