Datei nicht gefunden ng2-page-scroll

Question

Ich versuche, Bibliothek ng2-page-scroll zu verwenden, aber folgen Sie ihrem Schritt zeigen Sie Datei nicht gefunden ng2-page-scroll. es scheint, es war ein Fehler in systemjs.config weiß jemand, wie das Problem zu beheben?

installieren NG2-Seite-Blättern

npm install ng2-page-scroll --save 

In app.module

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 
import {Ng2SimplePageScrollModule} from "ng2-simple-page-scroll"; 

@NgModule({ 
    imports:  [ BrowserModule ,Ng2SimplePageScrollModule.forRoot()], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

In systemjs.config

(function (global) { 
    System.config({ 
    paths: { 
     // paths serve as alias 
     'npm:': 'node_modules/' 
    }, 
    // map tells the System loader where to look for things 
    map: { 
     // our app is within the app folder 
     app: 'app', 

     // angular bundles 
     '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
     '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
     '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
     '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
     '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
     '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
     '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
     '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
     'ng2-simple-page-scroll/ng2-simple-page-scroll': 'ng2-simple-page-scroll/bundles/ng2-simple-page-scroll.umd.js', 

     // other libraries 
     'rxjs':      'npm:rxjs', 
     'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js' 
    }, 
    // packages tells the System loader how to load when no filename and/or no extension 
    packages: { 
     app : {defaultExtension: 'js', main: './main.js'}, 
     rxjs: {defaultExtension: 'js'}, 
    } 
    }); 
})(this); 

Hier ist das Ergebnis Datei nicht ng2-page-scroll Not Found

gefunden

Answer 1

Ersetzen Sie die Zeile

'ng2-simple-page-scroll/ng2-simple-page-scroll': 'ng2-simple-page-scroll/bundles/ng2-simple-page-scroll.umd.js', 

mit der Linie

'ng2-simple-page-scroll': 'npm:ng2-simple-page-scroll/bundles/ng2-simple-page-scroll.umd.js', 

Warum brauchen Sie, dies zu tun?

Nun zunächst alles, was Sie geschrieben haben

import {Ng2SimplePageScrollModule} from "ng2-simple-page-scroll"; 

So das Modul Spezifizierer "ng2-simple-page-scroll" zu einem map oder package Eintrag in Ihrem systemjs.config.js

Und zweitens entsprechen müssen, die Pfade Eingabe Ihrer systemjs.config.js

paths: { 
    // paths serve as alias 
    'npm:': 'node_modules/' 
}, 

zeigt an, dass das Präfix npm: verweist auf das Verzeichnis node_modules. Dies wird weiter durch alle anderen Pakete in der map mit diesem Präfix belegt.