Description
Environment
- Operating System: Linux
- Node Version: v22.11.0
- Nuxt Version: 3.16.2
- CLI Version: 3.24.1
- Nitro Version: 2.11.8
- Package Manager: [email protected]
- Builder: -
- User Config: compatibilityDate, devtools, css, modules
- Runtime Modules: @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected]
- Build Modules: -
Is this bug related to Nuxt or Vue?
Nuxt
Version
v3.16.2
Reproduction
https://github.com/GlitchDevX/nuxt-docker-build
GitHub Actions:
Working Example
Stuck Example
Description
I was trying to create a dockerfile being able to build the complete project without any extra commands to execute beforehand. To do that I tried using a node image as base of the builder part of my multipart dockerfile.
In the building process the npm ci
command is executed correctly. However npm run generate
or npm run build
will get stuck at the transforming step.
I pinned the issue down to the tailwindcss import in the main.css as explained in the nuxt ui starter guide. As when this import is commented out the build will succeed without any issues.
I already tried using different node base images, but it didn't change anything.
Additional context
With tailwindcss import:
Without tailwindcss import:
I created a branch for the minimally changed version without the tailwind css for easier switching in the reproduction repo.