Несколько анонимных Определяет при импорте модуля в systemjs.config.js

Question

Я пытаюсь импортировать keycloak-js в systemjs.config.js, чтобы использовать модуль в надстройке слова с помощью оболочки (keycloak-angular), и я получаю эту ошибку.

ошибка импорта приложения: ошибка: (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'

и у меня также есть keycloak-angular, определенный в 'пакетах', например:

'keycloak-angular': {defaultExtension: 'js', main: 'keycloak-angular.js'}

Я инициализирую службу в app.module.ts следующим образом:

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

Я довольно новичок в webpack и systemjs.config, поэтому я не знаю, с чем имею дело здесь.Я очень долго искал решения, и те, которые я нашел, действительно мало помогли с проблемой импорта keycloak-js.

Answer 1

По-видимому, импорт keycloak-angular был некорректным, и он нашел это трудным путем, потратив на это более 60 часов.

'keycloak-angular': 'npm: keycloak-angular / bundles / keycloak-angular.umd.js '

Вот как вы (очевидно) должны импортировать его, и оттуда ошибки исчезли.