Angular2：NG2-Simple-Timerがロードされていません

Question

私のアプリケーションではng2-simple-timerモジュールを使用しようとしていますが、Webサイトから指示を無視しているようです（関連情報をすべて入れてください） ：

1. 私はnpm install ng2-simple-timer --saveを走ってきたし、その後app.moduleにproviders配列にSimpleTimerを追加しました。アプリの読み込み中にエラーが発生しました：GET http://localhost:3000/ng2-simple-timer 404 (Not Found)これは、モジュールがnode_modulesの下にインストールされたためです。
2. 他の例の指示に従って、systemjs.config.jsに次の行を追加しました：'ng2-simple-timer': 'npm:ng2-simple-timer/index.js'。これにより、エラーが発生しました：GET http://localhost:3000/node_modules/ng2-simple-timer/lib/simple-timer 404 (Not Found)。私が正しく理解しているのは、simple-timerがTypescriptではなく純粋なJSモジュールであるからです。
3. 私は、上記の行を削除し、以下を追加しました：typings/index.d.tsから///<reference path="../node_modules/ng2-simple-timer/index.d.ts" />と<script src="node_modules/ng2-simple-timer/index.js"></script>をindex.htmlするが、これはまだエラーを発生させた：Uncaught ReferenceError: exports is not defined index.js:1

だから私のアプリケーションでこのモジュールを含めるための正しい方法は何ですか？

Answer 1

以下はsystemjs.config.js私はng2-simple-timer-exampleで使用しました。この例は、angular2 2.4.xをサポートするように更新されています。

(function (global) { 
    // map tells the System loader where to look for things 
    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', 
    'ng2-simple-timer': 'node_modules/ng2-simple-timer', 
    'angular2-uuid': 'node_modules/angular2-uuid' 
    }; 
    // packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
    'app': { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs': { main: 'bundles/Rx.min.js', defaultExtension: 'js' }, 
    'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }, 
    'ng2-simple-timer': { main: 'index.js', defaultExtension: 'js' }, 
    'angular2-uuid': { main: 'index.js', defaultExtension: 'js' } 
    }; 
    var ngPackageNames = [ 
    'common', 
    'compiler', 
    'core', 
    'http', 
    'platform-browser', 
    'platform-browser-dynamic' 
    ]; 
    // Individual files (~300 requests): 
    function packIndex(pkgName) { 
    packages['@angular/' + pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    } 
    // Bundled (~40 requests): 
    function packUmd(pkgName) { 
    packages['@angular/' + pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' }; 
    } 
    // Most environments should use UMD; some (Karma) need the individual index files 
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd; 
    // Add package entries for angular packages 
    ngPackageNames.forEach(setPackageConfig); 
    var config = { 
    map: map, 
    packages: packages 
    }; 
    System.config(config); 
})(this);