Winkel 2 Verwenden Sie eine Komponente aus einem anderen Modul

Sie müssen export von Ihrer NgModule aus:

@NgModule({
  declarations: [TaskCardComponent],
  exports: [TaskCardComponent],
  imports: [MdCardModule],
  providers: []
})
export class TaskModule{}

(Winkel 2 - Winkel 6)

Komponente kann nur in einem einzelnen Modul deklariert werden ..__ Um eine Komponente aus einem anderen Modul verwenden zu können, müssen Sie zwei einfache Aufgaben ausführen:

1. Exportieren Sie die Komponente im ersten Modul
2. Importieren Sie das erste Modul in das zweite Modul

1. Modul:  

Haben Sie eine Komponente (nennen wir sie "ImportantCopmonent"), möchten wir sie auf der Seite des zweiten Moduls erneut verwenden.

@NgModule({
declarations: [
    FirstPage,
    ImportantCopmonent // <-- Enable using the component html tag in current module
],
imports: [
  IonicPageModule.forChild(NotImportantPage),
  TranslateModule.forChild(),
],
exports: [
    FirstPage,
    ImportantCopmonent // <--- Enable using the component in other modules
  ]
})
export class FirstPageModule { }

2. Modul:  

Verwendet das "ImportantCopmonent" durch Importieren des FirstPageModule erneut

@NgModule({
declarations: [
    SecondPage,
    Example2ndComponent,
    Example3rdComponent
],
imports: [
  IonicPageModule.forChild(SecondPage),
  TranslateModule.forChild(),
  FirstPageModule // <--- this Imports the source module, with its exports
], 
exports: [
    SecondPage,
]
})
export class SecondPageModule { }

Beachten Sie, dass Sie zum Erstellen eines sogenannten "Feature-Moduls" CommonModule darin importieren müssen. Ihr Modulinitialisierungscode sieht also so aus: 

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

import { TaskCardComponent } from './task-card/task-card.component';
import { MdCardModule } from '@angular2-material/card';

@NgModule({
  imports: [
    CommonModule,
    MdCardModule 
  ],
  declarations: [
    TaskCardComponent
  ],
  exports: [
    TaskCardComponent
  ]
})
export class TaskModule { }

Weitere Informationen finden Sie hier: https://angular.io/guide/ngmodule#create-the-feature-module

Gelöst, wie ein in einem Modul angegebenes Bauteil in einem anderen Modul verwendet wird.

Basierend auf der Erklärung von Royi Namir (Vielen Dank). Ein Teil fehlt, um eine in einem Modul deklarierte Komponente in einem anderen Modul wiederzuverwenden, während Lazy Loading verwendet wird. 

1. Exportieren Sie die Komponente in das Modul, das sie enthält:

@NgModule({
  declarations: [TaskCardComponent],
  imports: [MdCardModule],
  exports: [TaskCardComponent] <== this line
})
export class TaskModule{}

2.: In dem Modul, in dem Sie TaskCardComponent verwenden möchten:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MdCardModule } from '@angular2-material/card';

@NgModule({
  imports: [
   CommonModule,
   MdCardModule
   ],
  providers: [],
  exports:[ MdCardModule ] <== this line
})
export class TaskModule{}

So importiert das zweite Modul das erste Modul, das die Komponente importiert und exportiert.

Wenn wir das Modul in das zweite Modul importieren, müssen wir es erneut exportieren. Jetzt können wir die erste Komponente im zweiten Modul verwenden.

@yurzui du hast die richtige lösung und danke für die erklärung.

Ich hatte das Problem und diese Zeile:

exportiert: [Component] hat es gelöst.

Ein großer und guter Ansatz ist das Laden des Moduls aus einer NgModuleFactory. Sie können ein Modul in ein anderes Modul laden, indem Sie Folgendes aufrufen:

constructor(private loader: NgModuleFactoryLoader, private injector: Injector) {}

loadModule(path: string) {
    this.loader.load(path).then((moduleFactory: NgModuleFactory<any>) => {
        const entryComponent = (<any>moduleFactory.moduleType).entry;
        const moduleRef = moduleFactory.create(this.injector);
        const compFactory = moduleRef.componentFactoryResolver.resolveComponentFactory(entryComponent);
        this.lazyOutlet.createComponent(compFactory);
    });
}

Ich habe das von hier bekommen.

Was auch immer Sie von einem anderen Modul verwenden möchten, legen Sie es einfach in das export-Array . 

 @NgModule({
  declarations: [TaskCardComponent],
  exports: [TaskCardComponent],
  imports: [MdCardModule]
})