Angular2 - NPM

Question

からコンポーネントを追加することはできません私はちょうどと呼ばれるnpmjsから角度成分をダウンロードng2-easy-table（私は多分、私はそれを作成し、いくつかのミスをした、このコンポーネントの作成者です）。

package.json

{ 
    "name": "untitled", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"npm run styles\" ", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "lite": "lite-server", 
    "typings": "typings" 
    }, 
    "dependencies": { 
    "angular2": "2.0.0-beta.13", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.35.0", 
    "ng2-easy-table": "0.0.12", 
    "node-sass": "^3.4.2", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.2", 
    "systemjs": "0.19.24", 
    "zone.js": "^0.6.6" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "lite-server": "^2.1.0", 
    "typescript": "^1.8.7", 
    "typings": "^0.7.5" 
    }, 
    "author": "", 
    "license": "ISC" 
} 

それから私はng2-easy-tableディレクティブを追加するために、単純なapp.component.tsを作成しました。それは以下のように見える

app.component.ts node_modulesで

import {Component} from 'angular2/core'; 

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from 'ng2-easy-table/app/app.component'; 

@Component({ 
    selector: 'app', 
    templateUrl: 'app/index.html', 
    directives: [AppComponent] 
}) 

export class IndexComponent { } 

bootstrap(IndexComponent, []); 

：

そしてSystem.config

<script> 
    System.config({ 
     packages: { 
      app: { 
       format: 'register', 
       defaultExtension: 'js' 
      } 
     } 
    }); 
    System.import('app/app.component') 
      .then(null, console.error.bind(console)); 
</script> 

しかし、私は起動時にアプリnpm start、私は取得していますコンソールから：

GET http://localhost:3002/ng2-easy-table/app/app.component 404 (Not Found)

Error: XHR error (404 Not Found) loading http://localhost:3002/ng2-easy-table/app/app.component (…)

EDIT

を@Thierry TEMPLIERが提供するConfig.styleを追加した後、私は取得しています：

Answer 1

を追加する必要がありますSystemJSの構成内のライブラリのマップ・ブロック：

<script> 
    System.config({ 
     map: { 
      'ng2-easy-table': 'node_modules/ng2-easy-table' 
     }, 
     packages: { 
      app: { 
       format: 'register', 
       defaultExtension: 'js' 
      }, 
      'ng2-easy-table': { 
       format: 'register', 
       defaultExtension: 'js' 
      } 
     } 
    }); 
    System.import('app/app.component') 
      .then(null, console.error.bind(console));