Angular-auth-oidc-client: Usage with SystemJS

Created on 18 Sep 2017  路  7Comments  路  Source: damienbod/angular-auth-oidc-client

Does angular-auth-oidc-client work with SystemJS?

I'm using the angular-seed project which uses SystemJS. I've done the usual SystemJS config to add the package but it's not working. Has anyone done this successfully?

    let angular_auth_oidc_client: ExtendPackages[] = [{
          name: 'angular-auth-oidc-client',
          path: 'node_modules/angular-auth-oidc-client/bundles/angular-auth-oidc-client.umd.js'
     }];

    let additionalPackages: ExtendPackages[] = [
      ...angular_auth_oidc_client
    ];

    this.addPackagesBundles(additionalPackages);

Thanks!

picture TrueGeek

All 7 comments

@robisim74 Any ideas here?

damienbod picture damienbod on 18 Sep 2017

There should not be problems with SystemJS. @TrueGeek What do you mean with _it's not working_? Are you getting errors? Which? And which version are you using? Thanks.

robisim74 picture robisim74 on 18 Sep 2017
👍1

Another thing: with SystemJS you have to configure also jsrsasign, that is a dependency of this library.

robisim74 picture robisim74 on 18 Sep 2017
👍1

I tried adding jsrassign using the same format:

    let jsrassign: ExtendPackages[] = [{
      name: 'jsrassign',
      path: 'node_modules/jsrassign/lib/jsrassign.js'
    }];

No change there but I'm not sure I have the syntax right. The error I'm getting isn't descriptive at all, but it's what I get when I add a new npm package and forget to add it to the SystemJS setup:

(index):75 SyntaxError: Unexpected token <
    at eval (<anonymous>)
    at evaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:2821:16)
    at http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:3620:21
    at dynamicExecute (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:1144:26)
    at doEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:1091:13)
    at ensureEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:999:13)
    at http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:1017:20
    at doEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:1089:11)
    at ensureEvaluate (http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:999:13)
    at http://localhost:5555/node_modules/systemjs/dist/system.src.js?1505831778478:1017:20 Not expecting this error? Make sure you have read the readme file!
(anonymous) @ (index):75
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
resolvePromise @ zone.js?1505831778482:745
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
(anonymous) @ VM5853:1
(anonymous) @ zone.js?1505831778482:939
fetchFetch @ fetch.js:32
(anonymous) @ instantiate.js:167
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
runFetchPipeline @ instantiate.js:153
(anonymous) @ instantiate.js:61
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
(anonymous) @ instantiate.js:60
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
instantiate$1 @ instantiate.js:27
(anonymous) @ register-loader.js:208
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
applyPackageConfig @ resolve.js:605
(anonymous) @ resolve.js:294
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
(anonymous) @ resolve.js:291
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
resolvePromise @ zone.js?1505831778482:745
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
packageResolve @ resolve.js:251
(anonymous) @ resolve.js:104
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
Loader.resolve @ loader-polyfill.js:106
resolveInstantiateDep @ register-loader.js:287
(anonymous) @ register-loader.js:381
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
resolvePromise @ zone.js?1505831778482:745
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
(anonymous) @ VM5853:1
(anonymous) @ zone.js?1505831778482:939
fetchFetch @ fetch.js:32
(anonymous) @ instantiate.js:167
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
runFetchPipeline @ instantiate.js:153
(anonymous) @ instantiate.js:61
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
(anonymous) @ instantiate.js:60
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
instantiate$1 @ instantiate.js:27
(anonymous) @ register-loader.js:208
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
Promise resolved (async)
scheduleMicroTask @ zone.js?1505831778482:567
ZoneDelegate.scheduleTask @ zone.js?1505831778482:413
Zone.scheduleTask @ zone.js?1505831778482:235
Zone.scheduleMicroTask @ zone.js?1505831778482:255
scheduleResolveOrReject @ zone.js?1505831778482:816
resolvePromise @ zone.js?1505831778482:765
(anonymous) @ zone.js?1505831778482:696
Promise resolved (async)
(anonymous) @ zone.js?1505831778482:931
ZoneAwarePromise @ zone.js?1505831778482:834
Ctor.then @ zone.js?1505831778482:930
applyPackageConfig @ resolve.js:605
(anonymous) @ resolve.js:294
ZoneDelegate.invoke @ zone.js?1505831778482:391
Zone.run @ zone.js?1505831778482:141
(anonymous) @ zone.js?1505831778482:818
ZoneDelegate.invokeTask @ zone.js?1505831778482:424
Zone.runTask @ zone.js?1505831778482:191
drainMicroTaskQueue @ zone.js?1505831778482:584
TrueGeek picture TrueGeek on 19 Sep 2017

The name of the library is jsrsasign, and not jsrassign.

robisim74 picture robisim74 on 19 Sep 2017

I tried this configuration:

    let additionalPackages: ExtendPackages[] = [{
      name: 'angular-auth-oidc-client',
      // Path to the package's bundle
      path: 'node_modules/angular-auth-oidc-client/bundles/angular-auth-oidc-client.umd.js'
    },
    {
      name: 'jsrsasign',
      // Path to the package's bundle
      path: 'node_modules/jsrsasign/lib/jsrsasign.js'
    }];

    this.addPackagesBundles(additionalPackages);

and it's working fine.

robisim74 picture robisim74 on 19 Sep 2017
👍1

The name of the library is jsrsasign, and not jsrassign.

haha... I'm an idiot.

Thank you, both!

TrueGeek picture TrueGeek on 19 Sep 2017
Was this page helpful?
0 / 5 - 0 ratings

Related issues

profet23 picture profet23  路  3Comments
Jonesie picture Jonesie  路  4Comments
Expelz picture Expelz  路  4Comments
daudihusbands picture daudihusbands  路  3Comments
hannesrohde picture hannesrohde  路  3Comments