Vite React: Error on installing `@tailwindcss/vite`

[cikaldev]

What version of Tailwind CSS are you using?

v4.1.10

What build tool (or framework if it abstracts the build tool) are you using?

vite/7.0.0 darwin-arm64 node-v24.0.1

What version of Node.js are you using?

v24.0.1

What browser are you using?

N/A

What operating system are you using?

macOS 15.5

Reproduction URL

none, but i has record it before i submit this issues. see attachment

Describe your issue

When create a new project using Vite + React, i got an error message while installing the package @tailwindcss/vite

Reproduction

Create testing project using vite:

npm create vite@latest testing -- --template=react
cd testing
npm install tailwindcss @tailwindcss/vite

Error on Terminal:

cikal@cricket testing % npm install @tailwindcss/vite
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: testing@0.0.0
npm error Found: vite@7.0.0
npm error node_modules/vite
npm error   dev vite@"^7.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer vite@"^5.2.0 || ^6" from @tailwindcss/vite@4.1.10
npm error node_modules/@tailwindcss/vite
npm error   @tailwindcss/vite@"*" 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
npm error
npm error For a full report see:
npm error /Users/cikal/.npm/_logs/2025-06-25T18_49_04_580Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/cikal/.npm/_logs/2025-06-25T18_49_04_580Z-debug-0.log
cikal@cricket testing %

A complete error log:

'Log files:
/Users/cikal/.npm/_logs/2025-06-25T18_49_04_580Z-debug-0.log

# npm resolution error report

While resolving: testing@0.0.0
Found: vite@7.0.0
node_modules/vite
  dev vite@"^7.0.0" from the root project

Could not resolve dependency:
peer vite@"^5.2.0 || ^6" from @tailwindcss/vite@4.1.10
node_modules/@tailwindcss/vite
  @tailwindcss/vite@"*" from the root project

Fix the upstream dependency conflict, or retry
this command with --force or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

[wongjn]

Yep, @tailwindcss/vite hasn't updated to be compatible with Vite 7 yet, but a PR has been merged so I expect the next release will be compatible.