webcontainer-core icon indicating copy to clipboard operation
webcontainer-core copied to clipboard

Stackblitz templates console errors Nuxt + Tailwind CSS 4.0

Open bushido2014 opened this issue 10 months ago • 0 comments

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

bushido2014 avatar Feb 28 '25 07:02 bushido2014