Ошибка при импорте Angular SubProject

Question

Я следую этому руководству, чтобы добавить подпроект в мой основной проект.

https://medium.com/disney-streaming/combining-multiple-angular-applications-into-a-single-one-e87d530d6527

Я создаю подпроект с помощью: ng generate app dashboard3 - -routing

Я изменил app.module.ts подпроекта dashboard3, как в учебнике:

//app.component.ts <- dashboard3 subproject
import { Component, ModuleWithProviders } from '@angular/core';

const providers = []

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})


export class Dashboard3AppComponent{
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: Dashboard3AppComponent,
      providers: providers
    }
  }
}

//app.module.ts <- dashboard3 subproject
import { BrowserModule }              from '@angular/platform-browser';
import { NgModule }                   from '@angular/core';

import { AppRoutingModule }           from './app-routing.module';

import { DashSoftwareSettingsComponent } from './settings/dash-software-settings.component';

const providers = []

@NgModule({
  declarations: [
    DashSoftwareSettingsComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,

    DashSoftwareSettingsComponent
  ],
  providers: providers,
  bootstrap: []
})
export class Dashboard3AppComponent { }

В основном приложении я попытался импортировать подпроект:

//DASHBOARD 3
import { Dashboard3AppComponent }           from 'projects/dashboard3/src/app/app.component';

...

imports: [
           ... 
            Dashboard3AppComponent.forRoot()
         ]

Я получил эту ошибку в моей консоли интерфейса:

Uncaught Error: Unexpected value '[object Object]' imported by the module 'AppModule'. Please add a @NgModule annotation.