角度2ステータス404が見つかりません

Question

私は私のアプリに2つのエラーを取得しています

：

リソースの読み込みに失敗しました：サーバーが（見つかりません）404 http://localhost:3002/angular2-infinite-scroll

angular2-polyfills.jsの状態で応答し：1243エラー：ダウン

import {Component} from 'angular2/core'; 
import {Router, CanDeactivate} from 'angular2/router'; 
import { InfiniteScroll } from 'angular2-infinite-scroll'; 

@Component({ 
selector: 'dapps', 
directives: [ InfiniteScroll ], 
templateUrl: '/app/dapps/templates/dapps.component.html', 

：XHRエラー（404見つかりません）ロードhttp://localhost:3002/angular2-infinite-scroll（...）ここで

は、問題のページですさらに私が持っているコンポーネントに：

npm install angular2-infinite-scroll --save 

を私が持っているコンポーネント用のテンプレートファイルで：

onScroll() { 
    console.log('scrolled!!') 
} 

私が使用して無限スクロールNPMパッケージをインストールし

<div class="row" infinite-scroll 
     [infiniteScrollDistance]="2" 
     [infiniteScrollThrottle]="500" 
     (scrolled)="onScroll()"> 
</div> 

編集しようとしました：

ルートのconfig.js：

System.config({ 
//use typescript for compilation 
transpiler: 'typescript', 
//typescript compiler options 
typescriptOptions: { 
emitDecoratorMetadata: true 
}, 
//map tells the System loader where to look for things 
map: { 
'angular2-infinite-scroll': '~/angular2-infinite-scroll' 
}, 
//packages defines our app package 
packages: { 
'angular2-infinite-scroll': { 
main: 'angular2-infinite-scroll.js', 
defaultExtension: 'js' 
} 
} 

}）;

Answer 1

あなたのsystemjs設定でangular2-infinite-scrollを設定する必要があります。例であるconfig.jsファイルplunk参照してください：

'angular2-infinite-scroll': { 
    main: 'angular2-infinite-scroll.js', 
    defaultExtension: 'js' 
}