Mientras buscaba encontré algo llamado comomoduleId establecer las rutas relativas de plantillas y archivos CSS, pero no sé exactamente cómo usarmoduleId en nuestros componentes de angular2?

En realidad, el problema está en la estructura de mi carpeta. Estoy cargando todos mis archivos .js dedist carpeta mientras que mi vista (archivos .html) están en elsrc carpeta. Entonces cuando usomoduleId: module.id como este angular tomó el camino dedist carpeta, en lugar de la carpeta src.

Entonces, ¿alguien aquí me ayuda a decir que cómo configurar el ID de módulo personalizado para mi componente angualr2?

La estructura de mi carpeta es así.

                                  App
                                  /\
                                 /  \
             (.js + .map files)Dist    Src(.ts + .html + .css files)

Dist. De carpeta contiene todos los archivos .map y .jsLa carpeta src contiene todos los archivos .ts, .HTML y .css.

Codificación real (en funcionamiento) -

@Component({
    selector: 'class-timing',
    templateUrl: 'src/components/TimeTable/class-timing/class-timing.html',
    styleUrls: ['src/app.css']
})

Codificación modificada (no funciona debido a una ruta incorrecta)

@Component({
    selector: 'class-timing',
    templateUrl: 'class-timing.html',
    moduleId: module.id,
    styleUrls: ['src/app.css']
})

Refiriéndose a este tutorialhttp://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/