将 npm 库添加到 Angular2 (v2.0.0-rc.1) 应用程序

Question

我目前正在努力将 npm 库引入我的 Angular2 应用程序（特别是 https://github.com/manfredsteyer/angular2-oauth2）。

当我尝试将库导入我的应用程序时，我收到 404。如果我将库添加到我的 systemjs.config.js map 和 packages 部分，我只是为库的依赖项获得 404。添加这些依赖项后，我会为每个依赖项的依赖项（等等）获得 404。

我还向 GitHub 存储库添加了一个类型映射：

"dependencies": {
  "angular2-oauth2": "github:manfredsteyer/angular2-oauth2/oauth-service.d.ts#0a0d321"
}

我在这里错过了什么？

Answer 1

您需要在 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',
  (...)
};

这是一个带有 Webpack 的示例应用程序：https://github.com/manfredsteyer/angular2-rc1-sample。