Skip to content

Stackblitz templates console errors Nuxt + Tailwind CSS 4.0 #1753

@bushido2014

Description

@bushido2014

Describe the bug

After setting up Tailwind CSS in a Nuxt project following the official documentation, running npm run dev results in a console error:

Uncaught (in promise) Error: Unhandled Promise Rejection: Could not find
source file: 'stackblitz:/.nuxt/app.config.mjs'

This issue occurs specifically in StackBlitz templates and prevents the application from running properly. It seems like StackBlitz is unable to resolve the .nuxt/app.config.mjs file.

Link to the blitz that caused the error

https://stackblitz.com/edit/nuxt-starter-hjls5dsk?file=app.vue,assets%2Fcss%2Fmain.css,nuxt.config.ts

Steps to reproduce

  1. Create a new Nuxt project in StackBlitz.
  2. Install Tailwind CSS following the official Nuxt documentation.
  3. Run npm run dev.
  4. Check the browser console for errors.

Expected behavior

The project should start without errors, and Tailwind CSS should be properly integrated.

Parity with Local

Screenshots

Image

Platform

Browser name  = Chrome
Full version  = 133.0.0.0
Major version = 133
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 90135499,
  "usedJSHeapSize": 87321947,
  "jsHeapSizeLimit": 2202796032
}
Hash = 7f809d15

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