-oauth2-OIDC angulaire ne peut pas charger le module jsrsasign

Question

Je suis en train de mettre à niveau une dépendance angulaire pour un projet en forme de fourche de: https://github.com/mgechev/angular-seed

La dépendance est: https://github.com/manfredsteyer/angular-oauth2-oidc mais je ne suis pas tout à fait sûr que mon Les fichiers System.JS doivent chercher à charger correctement la dépendance jsrsasign sur laquelle repose oauth2-oidc. À l'heure actuelle, j'ai project.config.ts qui ressemble à:

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

Chargement mes résultats du projet dans une erreur comme ceci:

(SystemJS) Module not already loaded loading "jsrsasign" as http://localhost:5555/node_modules/jsrsasign/lib/jsrsasign. 
     Error: Module not already loaded loading "jsrsasign" as http://localhost:5555/node_modules/jsrsasign/lib/jsrsasign. 
    at Object.eval (http://localhost:5555/node_modules/angular-oauth2-oidc/angular-oauth2-oidc.umd.js:1862:10) 

J'ai chassé le web haut et bas et Je n'arrive pas à comprendre comment forcer ça à charger.

Cette documentation ici: https://manfredsteyer.github.io/angular-oauth2-oidc/angular-oauth2-oidc/docs/additional-documentation/using-systemjs.html

semble suggérer la réponse, mais je l'ai essayé d'ajouter ce déjà seed.config.ts sans joie.

pris directement à partir de la suite de mon fichier seed.config.ts:

Quelqu'un peut-il peut expliquer comment configurer correctement cette bibliothèque spécifiquement pour System.JS/graine angulaire?

Answer 1

cela semble obtenir de meilleurs résultats (sous paquets).

'angular-oauth2-oidc': { 
     main: 'angular-oauth2-oidc.umd.js', 
     format: 'cjs', 
     defaultExtension: 'js', 
     map: { 
      'jsrsasign': '/node_modules/jsrsasign/lib/jsrsasign', 
     }, 
     meta: { 
      'angular-oauth2-oidc': { 
       deps: ['require','jsrsasign'] 
      }, 
     } 
    } 

Answer 2

ce qui fonctionne pour moi dans mon project.config.ts fichier

const additionalPackages: ExtendPackages[] = [ 
    { 
    name: 'jsrsasign', 
    path: 'node_modules/jsrsasign', 
    packageMeta: { 
     main: 'lib/jsrsasign.js', 
     export: "jsrsasign" 
    } 
    }, 
    { 
    name: 'angular-oauth2-oidc', 
    path: 'node_modules/angular-oauth2-oidc', 
    packageMeta: { 
     main: 'angular-oauth2-oidc.umd.js', 
     format: 'cjs', 
     defaultExtension: 'js', 
     meta: { 
     'angular-oauth2-oidc': { 
      deps: ['require', 'jsrsasign'] 
     }, 
     } 
    } 
    } 
]; 

this.addPackagesBundles(additionalPackages);