use forRoot on app router, whitelist ngx on server

src/app/app-routing.module.ts

@@ -5,7 +5,7 @@ import { PageNotFoundComponent } from './pagenotfound/pagenotfound.component';
 
 @NgModule({
   imports: [
-    RouterModule.forChild([
+    RouterModule.forRoot([
       { path: '', redirectTo: '/home', pathMatch: 'full' },
       { path: 'home', loadChildren: './+home/home.module#HomeModule' },
       { path: 'communities', loadChildren: './+community-page/community-page.module#CommunityPageModule' },
@@ -15,4 +15,6 @@ import { PageNotFoundComponent } from './pagenotfound/pagenotfound.component';
     ])
   ],
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {
+
+}

src/app/shared/shared.module.ts

@@ -3,11 +3,12 @@ import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
-import { NgxPaginationModule } from 'ngx-pagination';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 
 import { TranslateModule } from '@ngx-translate/core';
 
+import { NgxPaginationModule } from 'ngx-pagination';
+
 import { PaginationComponent } from './pagination/pagination.component';
 import { FileSizePipe } from './utils/file-size-pipe';
 import { ThumbnailComponent } from '../thumbnail/thumbnail.component';

webpack/webpack.server.js

@@ -11,6 +11,9 @@ module.exports = {
   },
   target: 'node',
   externals: [nodeExternals({
-    whitelist: [/@angular/, /@ng/]
+    whitelist: [
+      /@angular/,
+      /@ng/,
+      /ngx/]
   })],
 };