Skip to content

[Bug] Web version missing @tailwindcss/vite plugin - CSS not loading #121

@white1107

Description

@white1107

Description

The web version (web/vite.config.ts) is missing the @tailwindcss/vite plugin, causing CSS to not load at all. The page renders without any styles, appearing as a blank white page.

Steps to Reproduce

  1. Clone the repository
  2. Run make setup
  3. Run bun run dev:web
  4. Open http://localhost:5173 in browser
  5. Observe: No CSS is applied, UI appears broken/white

Affected Browsers

  • Chrome (tested)
  • Safari (tested)

Expected Behavior

CSS should load correctly, matching the Tauri desktop version.

Root Cause

tauri/vite.config.ts includes the Tailwind plugin:

import tailwindcss from '@tailwindcss/vite';
// ...
plugins: [react(), tailwindcss()],

But web/vite.config.ts is missing it:

plugins: [react()],  // Missing tailwindcss()

Proposed Fix

Add @tailwindcss/vite to web/vite.config.ts and install the dependency.

Environment

  • macOS (Apple Silicon)
  • Tailwind CSS v4
  • Vite v5.4.21

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions