Импортированный модуль Webpack не является конструктором в VueJS при импорте Keycloak

Question

Я настроил базовый проект VueJS, используя vue cli.

npm install @vue/cli -g
vue create my-app
vue add vuetify
npm install keycloak-js --save

В моем файле main.js есть следующее:

import Vue from 'vue'
import App from '@/App.vue'
import vuetify from '@/plugins/vuetify'
import Keycloak from 'keycloak-js'

let adapter = new Keycloak({
  url: process.env.VUE_APP_KEYCLOAK_URL,
  realm: process.env.VUE_APP_KEYCLOAK_REALM,
  clientId: process.env.VUE_APP_KEYCLOAK_CLIENT_ID
})

Vue.config.productionTip = false

new Vue({
  vuetify,
  render: h => h(App)
}).$mount('#app')

Когда я пытаюсь запуститьЭто приложение не может правильно импортировать адаптер Keycloak.

Uncaught TypeError: keycloak_js__WEBPACK_IMPORTED_MODULE_3___default.a is not a constructor
    at eval (main.js?c112:6)
    at Module../src/main.js (app.js:7083)
    at __webpack_require__ (app.js:727)
    at fn (app.js:101)
    at Object.1 (app.js:7109)
    at __webpack_require__ (app.js:727)
    at app.js:794
    at app.js:797

Я предполагаю, что у меня где-то плохая конфигурация веб-пакета, но я не уверен, что нужно изменить.

Я посмотрелв импортированный модуль веб-пакета не является конструктором , но я нигде явно не определяю конфигурацию веб-пакета.

Интересно поместить следующее непосредственно в мою HTML-голову вместо использования импорта в main.jsрешает проблему:

    <script src="https://cdn.jsdelivr.net/npm/keycloak-js@7.0.0/dist/keycloak.min.js"></script>