npm i pinia in nuxt3 project 提示：npm ERR! ERESOLVE could not resolve

[huaiguoguo]

mac 13

└─(21:29:40 on main ✹ ✭)──> node -v                                                                                          1 ↵ ──(一, 904)─┘
v18.17.1

└─(21:31:39 on main ✹ ✭)──> npm -v                                                                                               ──(一, 904)─┘
10.0.0

└─(21:27:03 on main ✹ ✭)──> npm install pinia                                                                                1 ↵ ──(一, 904)─┘
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: nuxt-app@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@"^3.2.0" from @element-plus/[email protected]
npm ERR!   node_modules/@element-plus/icons-vue
npm ERR!     peer @element-plus/icons-vue@">=0.2.6" from @element-plus/[email protected]
npm ERR!     node_modules/@element-plus/nuxt
npm ERR!       dev @element-plus/nuxt@"^1.0.5" from the root project
npm ERR!     @element-plus/icons-vue@"^2.0.6" from [email protected]
npm ERR!     node_modules/element-plus
npm ERR!       peer element-plus@">=2" from @element-plus/[email protected]
npm ERR!       node_modules/@element-plus/nuxt
npm ERR!         dev @element-plus/nuxt@"^1.0.5" from the root project
npm ERR!       1 more (the root project)
npm ERR!   peer vue@"^3.3.4" from @nuxt/[email protected]
npm ERR!   node_modules/@nuxt/vite-builder
npm ERR!     @nuxt/vite-builder@"3.7.0" from [email protected]
npm ERR!     node_modules/nuxt
npm ERR!       peer nuxt@"^3.6.5" from @nuxt/[email protected]
npm ERR!       node_modules/@nuxt/devtools
npm ERR!         dev @nuxt/devtools@"latest" from the root project
npm ERR!       2 more (@nuxt/devtools-kit, the root project)
npm ERR!   10 more (@unhead/vue, @vitejs/plugin-vue, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! pinia@"*" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@">= 2.5 < 2.7" from @vue/[email protected]
npm ERR!   node_modules/@vue/composition-api
npm ERR!     peerOptional @vue/composition-api@"^1.4.0" from [email protected]
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.

[jmarshall9120]

@huaiguoguo - any resolution here? I'm having the same issue.

[wangyong1997]

I have the same problem

[wangyong1997]

I was able to install it using pnpm

[kaiser54]

All I did was

1. Install Vue:

   npm install vue

2. Install Pinia:

   npm install pinia @pinia/nuxt

3. Add Pinia module to nuxt.config.ts:

   export default defineNuxtConfig({
     modules: ['@pinia/nuxt'],
   });

4. Import defineStore from Pinia:

   import { defineStore } from 'pinia';

This setup worked perfectly for me! 👌🏽