未找到文件ng2-page-scroll

Question

我嘗試使用Library ng2-page-scroll，但按照他們的步驟顯示文件未找到ng2-page-scroll。 它似乎是systemjs.config中的錯誤任何人都知道如何解決這個問題？

安裝NG2-頁滾動

npm install ng2-page-scroll --save 

在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 { } 

在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); 

這裏沒有找到 ng2-page-scroll Not Found

結果文件

Answer 1

替換行

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

與線

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

你爲什麼要這麼做？

那麼首先你寫

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

所有的這樣的模塊符"ng2-simple-page-scroll"必須對應於map或package條目您systemjs.config.js

其次，你systemjs.config.js

的路徑進入

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

表示前綴npm:指向node_modules目錄。 map中的所有其他包都具有該前綴，這進一步證明了這一點。