Question

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

当我尝试将库导入我的应用程序时，我得到了404.如果我将库添加到我的systemjs.config.js map 和 packages 部分，我只是为库的依赖项获得404s。一旦我添加了这些依赖项，我就会为每个依赖项的依赖项获取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。

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

1 个答案: