Vue.js: Incorrectly installed `keycloak-js`
I am trying to use keycloak-js in a Vue.js application. I installed keycloak.js version 26.0.0 via Vue UI, but when I try to build the project, I get this error:
This dependency was not found:
* keycloak-js in ./src/keycloak.js
To install it, you can run: npm install --save keycloak-js
on line:
import Keycloak from "keycloak-js";
When I installed the dependency, Vue UI said it was installed successfully, but when I view the dependencies, it seems that there is some kind of issue (note the missing version and "installed" label:
When I click the update icon on the right, it says "Dependency updated successfully", but nothing changes.
I checked package.json and yarn.lock and everything looks OK. The dependency is also present in node_modules.
I tried installing the dependency using yarn add. It says the installation was successful but the result is the same. Running yarn list keycloak-js confirms successful installation.
I also tried installing a previous version using yarn add keycloak-js@25.0.6 but that fails because some dependency requires node >= 18, and I am using 16.
OP solved the issue by bumping to the latest Node.js (v20/22) and VueJS (v3) versions.
- Vue: Can't access Pinia Store in beforeEnter vue-router
- How do you find the element via it's binding in Vue
- Vuetify: Add custom hover style to v-btn
- Is there a way to declare provide/inject in a Vue3 dynamic component, outside of the host setup function?
- Unable to connect drag 'n dropped custom nodes
- VSCode - Vite Open Browser Shortcut
- Vue 3 convert output of Quill editor Delta object to Html and display the Html
- Vue.js: Incorrectly installed `keycloak-js`
- Vue3 use v-model in Child Components
- Using layout property in <script setup> tag
- Eslint 9 with typescript and vue error on defineEmits
- Changing the element of an array created from the props inside the child component also affect the parent component's props | Vuejs 3
- Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined. Where do I define it?
- Prop is undefined in child component ref()
- Unable to make Vuex getters etc. work with <script setup> Vue3 composition API
- vue nested ref modification / why[not] loosing reactivity
- Javascript object spread with an object that may have undefined objects as data in its properties
- How to test if child component was clicked?
- Property or method "isOpen" is not defined on the instance but referenced during render
- Disable eslint error with Vuejs and v-html
- How to loop on an array and display the data properly with a v-for?
- Unit tests using vue/test-utils not working with component that uses async setup
- computed property is not updated by reactive dependency updating
- Binding a Dynamic components
- How can I achieve absolute positioning on a flex element?
- Vue's "Component which was made a reactive object" Warning
- how to load a component dynamically in vue
- Why does not Vue model update when input.val(value)?
- Adding "View More" functionality for truncated long text in Vuetify v-data-table
- How do I import scoped CSS in Vue 3?