为 Vue3 安装 Pinia 导致 ERESOLVE 无法解析依赖树

Question

I want to install the package Pinia for my Vue3 app. I run these commands:

vue create foo

# select default Vue 3

cd foo

npm install pinia

Unfortunately I get this error

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: foo@0.1.0
npm ERR! Found: vue@3.2.20
npm ERR! node_modules/vue
npm ERR!   vue@"^3.0.0" from the root project
npm ERR!   peer vue@"^2.6.14 || ^3.2.0" from pinia@2.0.0-rc.13
npm ERR!   node_modules/pinia
npm ERR!     pinia@"*" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vue@">= 2.5 < 3" from @vue/composition-api@1.2.4
npm ERR! node_modules/@vue/composition-api
npm ERR!   peerOptional @vue/composition-api@"^1.2.4" from pinia@2.0.0-rc.13
npm ERR!   node_modules/pinia
npm ERR!     pinia@"*" 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.

• eresolve-report.txt file
• 2021-10-16T16_19_15_753Z-debug.log

I'm using

• Pop!_OS 21.04 (Ubuntu)
• node v14.18.1
• npm v7.5.2
• Vue CLI v4.5.13

It might be worth to note that I installed Node/npm LTS (v14.x) via

https://github.com/nodesource/distributions/blob/master/README.md#debian-and-ubuntu-based-distributions

I don't know why but it's possible to install Pinia via plugin

https://github.com/wobsoriano/vue-cli-plugin-pinia

So running

vue add vue-cli-plugin-pinia

works for me ...

Does someone know how to fix it without the need of the plugin?

Answer 1

Simply change version of vue to less than 3.2.

vue@"^3.0.0" from the root project npm ERR! peer vue@"^2.6.14 || ^3.2.0" from pinia@2.0.0-rc.13

This line basically says that pinia only supports vue up to 3.2 at the moment.

To solve it run:

npm i vue@3.2.0

This will put vue in a version that is still supported by pinia.

This will most probably change in the future, but since pinia is in alpha stage, there are still some bugs present. I had the opportunity to try it in a project, would not take it to live yet, but the preview of what vuex 5 will be, looks awesome.