角2モジュールをインポートするための漸進的方法

Question

oauth2を有効にするために、thisモジュールをインポートしようとしています。

は、私はこのようなモジュールをインポート：

main.ts

import { OAuthService } from 'angular2-oauth2/oauth-service'; 

とsystemjs.config.jsで：私にとって

var map = { 
    'app': 'app', // 'dist', 
    '@angular': 'node_modules/@angular', 
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 
     'rxjs': 'node_modules/rxjs', 
     'angular2-oauth2': 'node_modules/angular2-oauth2' 
    }; 
// packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
    'app': {main: 'main.js', defaultExtension: 'js'}, 
    'rxjs': {defaultExtension: 'js'}, 
    'angular2-in-memory-web-api': {defaultExtension: 'js'}, 
    'angular2-oauth2': {defaultExtension: 'js'} 
    }; 

をこの方法は正しいようです。しかし、今は、依存関係（sha256、js-base64、buffer、base64-js）がないというエラーが出ます。

... 
zone.js:101 GET http://localhost:3000/base64-js 404 (Not Found) 
zone.js:101 GET http://localhost:3000/sha256 404 (Not Found) 

このように、この依存関係を同じように追加しようとしました。これは技術的にはうまくいくが、依存関係の依存関係が求められる。

このように、npmモジュールとその依存関係をどのように正確にインポートするのかと疑問に思っています。私はそれが意味ではないと信じています。私はsystemjs.config.jsのすべての依存関係をリストアップしています。事前

Answer 1

で

THX angular2-のOAuth2が他のモジュールに依存しているため：

├─┬ angular2-oauth2@1.3.8 
│ ├── base64-js@0.0.8 
│ ├─┬ buffer@3.6.0 
│ │ ├── ieee754@1.1.6 
│ │ └── isarray@1.0.0 
│ ├── js-base64@2.1.9 
│ └─┬ sha256@0.2.0 
│ ├── convert-hex@0.1.0 
│ └── convert-string@0.1.0 

またSystemJS内でそれらを設定へ必要があります。私がやったことザッツ

var map = { 
    'app': 'app', // 'dist', 
    '@angular': 'node_modules/@angular', 
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 
    'rxjs': 'node_modules/rxjs', 
    'angular2-oauth2': 'node_modules/angular2-oauth2', 
    'base64-js': 'node_modules/base64-js/lib/b64.js', 
    'sha256': 'node_modules/sha256/lib/sha256.js' 
};