T
TanStack2mo ago
afraid-scarlet

cannot be installed with Nuxt 4 via npm

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error While resolving: nuxt-app@undefined
npm error Found: vue@3.5.20
npm error node_modules/vue
npm error peer vue@"^3.0.0-0 || ^2.6.0" from vue-demi@0.14.10
npm error node_modules/@floating-ui/vue/node_modules/vue-demi
npm error vue-demi@">=0.13.0" from @floating-ui/vue@1.1.9
npm error node_modules/@floating-ui/vue
npm error @floating-ui/vue@"^1.1.6" from reka-ui@2.4.1
npm error node_modules/reka-ui
npm error reka-ui@"2.4.1" from @nuxt/ui@3.3.2
npm error node_modules/@nuxt/ui
npm error 1 more (vaul-vue)
npm error peer vue@">=3" from @iconify/vue@5.0.0
npm error node_modules/@iconify/vue
npm error @iconify/vue@"^5.0.0" from @nuxt/icon@1.15.0
npm error node_modules/@nuxt/icon
npm error @nuxt/icon@"^1.15.0" from @nuxt/ui@3.3.2
npm error node_modules/@nuxt/ui
npm error @nuxt/ui@"^3.3.2" from the root project
npm error @iconify/vue@"^5.0.0" from @nuxt/ui@3.3.2
npm error node_modules/@nuxt/ui
npm error @nuxt/ui@"^3.3.2" from the root project
npm error 23 more (@nuxt/vite-builder, @tanstack/vue-table, ...)
npm error
npm error Could not resolve dependency:
npm error @tanstack/vue-query@"*" from the root project
npm error
npm error Conflicting peer dependency: vue@2.6.14
npm error node_modules/vue
npm error peer vue@">= 2.5 < 2.7" from @vue/composition-api@1.7.2
npm error node_modules/@vue/composition-api
npm error peerOptional @vue/composition-api@"^1.1.2" from @tanstack/vue-query@5.85.6
npm error node_modules/@tanstack/vue-query
npm error @tanstack/vue-query@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error While resolving: nuxt-app@undefined
npm error Found: vue@3.5.20
npm error node_modules/vue
npm error peer vue@"^3.0.0-0 || ^2.6.0" from vue-demi@0.14.10
npm error node_modules/@floating-ui/vue/node_modules/vue-demi
npm error vue-demi@">=0.13.0" from @floating-ui/vue@1.1.9
npm error node_modules/@floating-ui/vue
npm error @floating-ui/vue@"^1.1.6" from reka-ui@2.4.1
npm error node_modules/reka-ui
npm error reka-ui@"2.4.1" from @nuxt/ui@3.3.2
npm error node_modules/@nuxt/ui
npm error 1 more (vaul-vue)
npm error peer vue@">=3" from @iconify/vue@5.0.0
npm error node_modules/@iconify/vue
npm error @iconify/vue@"^5.0.0" from @nuxt/icon@1.15.0
npm error node_modules/@nuxt/icon
npm error @nuxt/icon@"^1.15.0" from @nuxt/ui@3.3.2
npm error node_modules/@nuxt/ui
npm error @nuxt/ui@"^3.3.2" from the root project
npm error @iconify/vue@"^5.0.0" from @nuxt/ui@3.3.2
npm error node_modules/@nuxt/ui
npm error @nuxt/ui@"^3.3.2" from the root project
npm error 23 more (@nuxt/vite-builder, @tanstack/vue-table, ...)
npm error
npm error Could not resolve dependency:
npm error @tanstack/vue-query@"*" from the root project
npm error
npm error Conflicting peer dependency: vue@2.6.14
npm error node_modules/vue
npm error peer vue@">= 2.5 < 2.7" from @vue/composition-api@1.7.2
npm error node_modules/@vue/composition-api
npm error peerOptional @vue/composition-api@"^1.1.2" from @tanstack/vue-query@5.85.6
npm error node_modules/@tanstack/vue-query
npm error @tanstack/vue-query@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
Recreate: 1) npm create nuxt@latest -- -t ui 2) npm i @tanstack/vue-query npm version - 11.5.2
1 Reply
flat-fuchsia
flat-fuchsia7d ago
This is an issue with npm and how it's handling peer deps. We are properly marking optionalPeerDeps yet npm still complains. You can use force or ignore options and it would work fine, or switch to pnpm

Did you find this page helpful?