Difficulties loading angular2-infinite-scroll
<p>I am getting 2 errors on my app:</p>

<p>Failed to load resource: the server responded with a status of 404 (Not Found)
<a href="http://localhost:3002/angular2-infinite-scroll" rel="nofollow">http://localhost:3002/angular2-infinite-scroll</a></p>

<p>angular2-polyfills.js:1243 Error: XHR error (404 Not Found) loading       <a href="http://localhost:3002/angular2-infinite-scroll" rel="nofollow">http://localhost:3002/angular2-infinite-scroll</a>(…)</p>

<p>Here is the page in question:</p>

<pre><code>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',
</code></pre>

<p>Down further in the component I have:</p>

<pre><code>onScroll () {
    console.log('scrolled!!')
}
</code></pre>

<p>I installed the Infinite scroll npm package using:</p>

<pre><code> npm install angular2-infinite-scroll --save
</code></pre>

<p>In the template file for the component I have:</p>

<pre><code>&lt;div class="row" infinite-scroll
        [infiniteScrollDistance]="2"
        [infiniteScrollThrottle]="500"
        (scrolled)="onScroll()"&gt;
&lt;/div&gt;
</code></pre>

<p>edit tried:</p>

<p>config.js on root:</p>

<pre><code>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'
}
}
</code></pre>

<p>});</p>