Skip to content

@tailwindcss/vite@4.0.6 is not compatible with vite@7.x. #332

@guotie

Description

@guotie

Which project does this relate to?

Create Tanstack App

Describe the bug

4:40:47 PM [vite] (client) ✨ new dependencies optimized: @tanstack/ai-react, @tanstack/ai-client
4:40:47 PM [vite] (client) ✨ optimized dependencies changed. reloading
4:40:48 PM [vite] Internal server error: Cannot convert undefined or null to object
  Plugin: @tailwindcss/vite:generate:serve
  File: /Volumes/T9/product/2026/tokstudio/src/styles.css?direct
      at M.generate (file:///Volumes/T9/product/2026/tokstudio/node_modules/.pnpm/@tailwindcss+vite@4.0.6_vite@7.1.7/node_modules/@tailwindcss/vite/dist/index.mjs:1:5762)
      at async TransformPluginContext.transform (file:///Volumes/T9/product/2026/tokstudio/node_modules/.pnpm/@tailwindcss+vite@4.0.6_vite@7.1.7/node_modules/@tailwindcss/vite/dist/index.mjs:1:3431)
      at async EnvironmentPluginContainer.transform (file:///Volumes/T9/product/2026/tokstudio/node_modules/.pnpm/vite@7.1.7_@types+node@22.10.2_tsx@4.0.0/node_modules/vite/dist/node/chunks/dep-Bm2ujbhY.js:30984:14)
      at async loadAndTransform (file:///Volumes/T9/product/2026/tokstudio/node_modules/.pnpm/vite@7.1.7_@types+node@22.10.2_tsx@4.0.0/node_modules/vite/dist/node/chunks/dep-Bm2ujbhY.js:26116:26)
      at async viteTransformMiddleware (file:///Volumes/T9/product/2026/tokstudio/node_modules/.pnpm/vite@7.1.7_@types+node@22.10.2_tsx@4.0.0/node_modules/vite/dist/node/chunks/dep-Bm2ujbhY.js:27187:20)

Your Example Website or App

no url

Steps to Reproduce the Bug or Issue

  1. npm create @tanstack/start@latest
  2. npm run dev
  3. error occurs

Expected behavior

As a user, I expect works well

Screenshots or Videos

No response

Platform

  • OS: [macOS]
  • Browser: [Chrome]
  • Version: [143]

Additional context

I ask clause code opus, answer as following:
The issue is a version incompatibility: @tailwindcss/vite@4.0.6 is too old for vite@7.1.7. The @tailwindcss/vite plugin at version 4.0.6 was designed for Vite 5/6, and the internal API changes in Vite 7 cause the "Cannot convert undefined or null to object" error in the plugin's generate method.

After I upgrade @tailwindcss/vite to 4.1.18, it works.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions