Skip to content

Building project with Docker gets stuck at transforming #3872

Open
@GlitchDevX

Description

@GlitchDevX

Environment

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:

Image

Without tailwindcss import:

Image

I created a branch for the minimally changed version without the tailwind css for easier switching in the reproduction repo.

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtriagev3#1289

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions