将模块导入systemjs.config.js时多个匿名定义

Question

我试图将keycloak-js导入到systemjs.config.js中，以便通过包装器(keycloak-角)在一个word外接程序中使用该模块，并且我得到了这个错误。

错误导入应用程序:错误：(SystemJS)模块https://localhost:3000/node_modules/keycloak-js/dist/keycloak.js中的多个匿名定义

这些是systemjs.config.js中的进口产品

  'keycloak-js': 'npm:keycloak-js/dist/keycloak.js',
  'keycloak-angular': 'npm:keycloak-angular/esm2015/',
  'keycloak-angular/public_api': 'npm:keycloak-angular/esm2015/public_api.js'

我还在“包”中定义了钥匙斗篷角，如下所示：

‘密钥披风-角’：{ defaultExtension：'js'，主：'keycloak-angular.js‘}

我在app.module.ts中初始化服务，如下所示：

providers: [
      KeycloakService,
      CommunicationService,
      SettingsStorageService,
      {
         provide: APP_INITIALIZER,
         useFactory: Initializer,
         multi: true,
         deps: [KeycloakService]
      }
 ]

我对webpack和systemjs.config非常陌生，所以我真的不知道我在这里处理的是什么。我已经搜索了相当多的解决方案，而我发现的那些解决方案对于keycloak导入问题并没有多大帮助。

Answer 1

显然，钥匙斗篷角的进口是不正确的，并发现这是困难的方式，浪费了60多个小时。

‘钥匙斗篷-角’：'npm:keycloak-angular/bundles/keycloak-angular.umd.js‘

这就是你应该(显然)导入它的方式，从那里错误就消失了。