Estoy tratando de importar componentes de un archivo a otro archivo de componentes raíz. da error como ...

zone.js: 484 Rechazo de promesa no controlada: errores de análisis de plantilla: 'cursos' no es un elemento conocido: 1. Si 'cursos' es un componente angular, verifique que sea parte de este módulo. 2. Si 'cursos' es un componente web, agregue "CUSTOM_ELEMENTS_SCHEMA" al '@ NgModule.schema' de este componente para suprimir este mensaje. ("

Mi primera aplicación angular 2[ERROR ->] "): AppComponent @ 0: 31; Zona:; Tarea: Promise.then; Valor: Error: Errores de análisis de plantilla: (...) Error: Errores de análisis de plantilla: 'cursos' no es un elemento conocido:

Mi app.component.ts será como [archivo de componente raíz]

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 { }

y mis cursos.component.ts be;

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

al importar el componente de cursos desde el archivo course.component.ts dentro de app.component no puedo declarar la directiva dentro@Component{}

directives:[CoursesComponent] dándome un error

Por favor aconsejar solución sobre ello.