SystemJSでクライアントにAuth0の依存関係を処理するときに問題が発生する

Question

私はAngular2とExpressベースのWebアプリケーションを持っています。私は安全なAPIエンドポイントを実装しようとしており、不正行為とAuth0を使用しています。私はguideに従っていますが、私の設定ではうまくいかないようです。

(function (global) { 
    System.config({ 
    paths: { 
     'npm:': 'node_modules/' 
    }, 
    map: { 
     app: 'app', 
     '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
     //all the other angular packages 
     'angular2-jwt':    'node_modules/angular2-jwt/angular2-jwt.js', 
     'rxjs':      'npm:rxjs', 
     'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api' 
    }, 
    packages: { 
     app: { 
     main: './main.js', 
     defaultExtension: 'js' 
     }, 
     rxjs: { 
     main: 'Rx.js', 
     defaultExtension: 'js' 
     }, 
     'angular2-in-memory-web-api': { 
     main: './index.js', 
     defaultExtension: 'js' 
     }, 
     'angular2-jwt': { defaultExtension: 'js' } 
    } 
    }); 
})(this); 

はなぜsystem.configではありません。私はこのsystem.config.jsを持つにもかかわらず、14

-

GET/angular2-JWT 404 30.433ミリ秒：私のアプリは、現在でクラッシュします.jsが動作しているか、systemJSの使い方を誤解していますか？

マイのindex.htmlが含まれています

<script src="./config/systemjs.config.js"></script> 
<script> 
    System.import('app').catch(function(err){ console.error(err); }); 
</script> 

私は私のsystem.configのSystem.config({ラインの真上にconsole.logメッセージを追加する場合、それがトリガされません。これは私のsystem.configが読み込まれていないことを意味しますか？

Answer 1

あなたはsystem.config.jsにタイプミスがあります

'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api' 
},no extension 
packages: { 

私はno extensionを削除すると、予想通り、私は真上にconsole.logメッセージを追加する場合、それは

GET /node_modules/angular2-jwt/angular2-jwt.js 

を要求System.config（{私のsystem.configの行、それは引き起こされません。これは私のsystem.configが読み込まれていないことを意味しますか？

おそらく、はい。ブラウザのデベロッパーツールのネットワークアクティビティタブを調べることで確認できます。これは、systemjs.config.jsを取得する要求があるはずです。

https://github.com/fictitious/test-systemjs-angularでの作業インポートの例があります（ただし、認証は行われません）。