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

Angular 将模块导入systemjs.config.js时,会有多个匿名定义,angular,webpack,Angular,Webpack,我正试图将keydape js导入systemjs.config.js,以便通过包装器(keydape angular)在word加载项中使用该模块,我遇到了这个错误 导入应用程序时出错:错误:(SystemJS)中有多个匿名定义 模块 这些是systemjs.config.js中的导入 'keycloak-js': 'npm:keycloak-js/dist/keycloak.js', 'keycloak-angular': 'npm:keycloak-angular/esm2015

我正试图将keydape js导入systemjs.config.js,以便通过包装器(keydape angular)在word加载项中使用该模块,我遇到了这个错误

导入应用程序时出错:错误:(SystemJS)中有多个匿名定义 模块

这些是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'
我也在“包”中定义了KeyClope angular,如下所示:

“有棱角的钥匙斗篷”:{ defaultExtension:'js', main:'keydape angular.js' }

我正在初始化app.module.ts中的服务,如下所示:

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

我对webpack和systemjs.config很陌生,所以我真的不知道我在这里处理什么。我已经搜索了很多解决方案,但我发现的那些解决方案对KeyDope js导入问题没有多大作用。

显然,KeyDope angular的导入是不正确的,而且很难找到解决方案,为此浪费了60多个小时

'keydape angular':'npm:keydape angular/bundles/keydape angular.umd.js'

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