Ao pesquisar, encontrei algo chamadomoduleId definir os caminhos relativos dos arquivos de modelo e CSS, mas não sei exatamente como usarmoduleId em nossos componentes de angular2?

Na verdade, o problema está na estrutura da minha pasta. Estou carregando todos os meus arquivos .js dedist pasta enquanto minha visualização (arquivos .html) está nosrc pasta. Então, quando eu usomoduleId: module.id assim angular tomou o caminho dedist pasta, em vez da pasta src.

Então, alguém aqui me ajuda a dizer que Como definir o moduleId personalizado para o meu componente angualr2?

Minha estrutura de pastas assim.

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

A pasta Dist contém todos os arquivos .map e .jsA pasta src contém todos os arquivos .ts, .HTML e .css.

Codificação real (em funcionamento) -

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

Codificação modificada (não funciona devido a caminho incorreto) -

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

Referindo-se a este tutorialhttp://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/