Closed
Description
Which project does this relate to?
Router
Describe the bug
Manually install router and router plugin encountered version mismatch issue
Your Example Website or App
...
Steps to Reproduce the Bug or Issue
Repro steps:
- Setup a basic react app with
npm create vite@latest
- Install router and devtools with npm:
npm install @tanstack/react-router @tanstack/react-router-devtools
Now I have router and devtools with version 1.120.13
installed.
ice@ice-mbp4 ts-router-demo % npm ls
ts-router-demo@0.0.0 /Users/ice/Documents/projects/ts-router-demo
├── @eslint/js@9.28.0
├── @tanstack/react-router-devtools@1.120.13
├── @tanstack/react-router@1.120.13
├── @types/react-dom@19.1.5
├── @types/react@19.1.6
├── @vitejs/plugin-react@4.5.0
├── eslint-plugin-react-hooks@5.2.0
├── eslint-plugin-react-refresh@0.4.20
├── eslint@9.28.0
├── globals@16.2.0
├── react-dom@19.1.0
├── react@19.1.0
├── typescript-eslint@8.33.1
├── typescript@5.8.3
└── vite@6.3.5
- Install router plugin
npm install -D @tanstack/router-plugin
And hit the following error:
ice@ice-mbp4 ts-router-demo % npm install -D @tanstack/router-plugin
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: @tanstack/router-plugin@1.120.15
npm warn Found: @tanstack/react-router@1.120.13
npm warn node_modules/@tanstack/react-router
npm warn peer @tanstack/react-router@"^1.120.13" from @tanstack/react-router-devtools@1.120.13
npm warn node_modules/@tanstack/react-router-devtools
npm warn @tanstack/react-router-devtools@"^1.120.13" from the root project
npm warn 1 more (the root project)
npm warn
npm warn Could not resolve dependency:
npm warn peer @tanstack/react-router@"^1.120.13" from @tanstack/react-router-devtools@1.120.13
npm warn node_modules/@tanstack/react-router-devtools
npm warn @tanstack/react-router-devtools@"^1.120.13" from the root project
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: @tanstack/router-plugin@1.120.15
npm warn Found: @tanstack/react-router@1.120.13
npm warn node_modules/@tanstack/react-router
npm warn peer @tanstack/react-router@"^1.120.13" from @tanstack/react-router-devtools@1.120.13
npm warn node_modules/@tanstack/react-router-devtools
npm warn @tanstack/react-router-devtools@"^1.120.13" from the root project
npm warn 1 more (the root project)
npm warn
npm warn Could not resolve dependency:
npm warn peerOptional @tanstack/react-router@"^1.120.15" from @tanstack/router-plugin@1.120.15
npm warn node_modules/@tanstack/router-plugin
npm warn dev @tanstack/router-plugin@"*" from the root project
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: @tanstack/router-plugin@1.120.15
npm warn Found: @tanstack/react-router@undefined
npm warn node_modules/@tanstack/react-router
npm warn @tanstack/react-router@"^1.120.13" from the root project
npm warn
npm warn Could not resolve dependency:
npm warn peerOptional @tanstack/react-router@"^1.120.15" from @tanstack/router-plugin@1.120.15
npm warn node_modules/@tanstack/router-plugin
npm warn dev @tanstack/router-plugin@"*" from the root project
added 24 packages, removed 4 packages, and changed 1 package in 1s
63 packages are looking for funding
run `npm fund` for details
I think it is due to the router and the router-plugin have mismatched version.
Expected behavior
Install success with no npm issues
Screenshots or Videos
No response
Platform
- OS: [macOS 15.3.2 (24D81)]
Additional context
No response
Metadata
Metadata
Assignees
Labels
No labels