インポートはSystem.registerを期待通りに生成していません

Question

私はAngular2の初心者です。私は学んでおり、練習するためのエクササイズをしています。私はUdemyからのコースに続き、私はこれとエクササイズを比較しています。明らかにそれは私のブートストラップは、 "アプリ" セレクタが正常に動作してmain.ts

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './app.component'; 

bootstrap(AppComponent); 

コードで定義されている

import {Component} from 'angular2/core'; 
import {ClienteListaComponent} from './components/cliente-lista.component'; 
import {ClienteDetalleComponent} from './components/cliente-detalle.component'; 


@Component({ 
    selector: 'app', 
    templateUrl: 'app/views/clientes.html', 
}) 

export class AppComponent{ 

} 

：

は、私は私のapp.component.tsを持っています。問題は、 "ClienteListaComponent"または "ClienteDetalleComponent"で定義されたセレクタを使用しようとするときです。

私は問題がapp.component.jsを生成していると思います.. system.registerにはangular2/coreのみがあり、他のインポートはありません。

System.register(['angular2/core'], function(exports_1, context_1) { 
    "use strict"; 
    var __moduleName = context_1 && context_1.id; 
    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 
     return c > 3 && r && Object.defineProperty(target, key, r), r; 
    }; 
    var __metadata = (this && this.__metadata) || function (k, v) { 
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 
    }; 
    var core_1; 
    var AppComponent; 
    return { 
     setters:[ 
      function (core_1_1) { 
       core_1 = core_1_1; 
      }], 
     execute: function() { 
      AppComponent = (function() { 
       function AppComponent() { 
       } 
       AppComponent = __decorate([ 
        core_1.Component({ 
         selector: 'app', 
         templateUrl: 'app/views/clientes.html', 
        }), 
        __metadata('design:paramtypes', []) 
       ], AppComponent); 
       return AppComponent; 
      }()); 
      exports_1("AppComponent", AppComponent); 
     } 
    } 
}); 

..ので、私は "ClienteListaComponent" とClienteDetalleComponent」を使用することができます。

- 私のコース - 私が使用し、これを以下のため、角度2.0.0-beta.14を使用。

おかげで誰も助けてくれることを願っています...

Answer 1

私は問題を発見しました。私は問題です。私は、コンポーネントデコレータ内の指示を読み込みませんでした。 私が書いた：

@Component({ 
    selector: 'app', 
    templateUrl: 'app/views/clientes.html', 
}) 

と

@Component({ 
    selector: 'app', 
    templateUrl: 'app/views/clientes.html', 
    directives:[ 
      PeliculasListComponent, 
      PeliculasFooterComponent 
    ] 
}) 

する必要があります