Ich versuche, eine Komponente aus einer anderen Stammkomponentendatei zu importieren. es gibt fehler als ..

zone.js: 484 Ablehnung von unbehandelten Versprechungen: Fehler beim Parsen von Vorlagen: 'courses' ist kein bekanntes Element: 1. Wenn 'courses' eine Angular-Komponente ist, stellen Sie sicher, dass sie Teil dieses Moduls ist. 2. Wenn 'courses' eine Webkomponente ist, fügen Sie "CUSTOM_ELEMENTS_SCHEMA" zum '@ NgModule.schema' dieser Komponente hinzu, um diese Nachricht zu unterdrücken. ("

Meine erste Angular 2 App [ERROR ->] "): AppComponent @ 0: 31; Zone:; Task: Promise.then; Wert: Fehler: Template-Analysefehler: (…) Fehler: Template-Analysefehler: 'courses' ist kein bekanntes Element:

Meine app.component.ts ist wie [Root-Komponentendatei]

import { Component } from '@angular/core';
import {CoursesComponent} from './courses.component';

@Component({
  selector: 'my-app',
  template: '<h1>My First Angular 2 App</h1><courses></courses>',
  directives:[CoursesComponent],
})

export class AppComponent { }

und meine courses.component.ts sein;

import { Component } from '@angular/core';
@Component({
  selector: 'courses',
  template: '<h1>courses</h1>'
})
export class CoursesComponent { }

eim Importieren der Komponente "courses" aus der Datei "courses.component.ts" in "app.component" kann ich die Direktive in "@" nicht deklariere@Component{}

directives:[CoursesComponent] mir einen Fehler geben

Bitte rät Lösung drüber.