Share Component between 2 modules

Question

I\'m trying to include a Component in 2 modules (parent and child) but getting various errors in the process

app.module.ts

<         


        

Answer 1

Create a SharedModule. Declare and export the SharedComponent.

shared.module.ts

 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SharedComponent } from './shared';

 @NgModule({
   declarations: [
     SharedComponent
   ],
   imports: [
     CommonModule
   ],
   exports: [
     SharedComponent
   ],
   providers: [

   ]
 })
 export class SharedModule { }

Import SharedModule in AppModule and any other Modules.

app.module.ts

  import { SharedModule } from './shared.module';
  @NgModule({
    imports: [
      SharedModule
    ]
  })