Skip to content

Nuxt 3 + TailwindCSS 4.0 terminal errorΒ #1718

@bushido2014

Description

@bushido2014

Describe the bug

I created a new Nuxt 3 project on StackBlitz.
Installed Tailwind CSS 4.0 using the official guide:

When running npm run dev, the terminal stops with no clear error message.

Link to the blitz that caused the error

https://stackblitz.com/edit/nuxt-starter-7bb99b2v?file=package.json,nuxt.config.ts

Steps to reproduce

Actual behavior
The terminal stops unexpectedly, and the app does not start.

Expected behavior

Expected behavior
The project should start without errors, and Tailwind CSS should be applied.

Parity with Local

Screenshots

No response

Platform

Browser name  = Chrome
Full version  = 132.0.0.0
Major version = 132
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 80062522,
  "usedJSHeapSize": 75372934,
  "jsHeapSizeLimit": 2152464384
}
Hash = d20a0a75

Additional context

No response

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