Vue 3 + TypeScript + Vite + [email protected]
- Clone repo and install dependencies using
npm
; - Run
npm i vuetify
in terminal;
- Vuetify should be installed without any issues;
- Vuetify installation fails with the following error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/vue-i18n
npm ERR! vue-i18n@"^8.25.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional vue-i18n@"^9.0.0" from [email protected]
npm ERR! node_modules/vuetify
npm ERR! vuetify@"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/vue-i18n
npm ERR! peerOptional vue-i18n@"^9.0.0" from [email protected]
npm ERR! node_modules/vuetify
npm ERR! vuetify@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
...
- This issue is caused by the fact that
vuetify
has a peer dependency onvue-i18n@^9.0.0
, while the root project has a dependency onvue-i18n@^8.25.1
. This causes a conflict between the two versions ofvue-i18n
and the installation fails. - Using
--force
or--legacy-peer-deps
flags is not a good solution, as it may lead to potential issues in the future AND/OR may not be an option for all dev/prod servers.