Build Issues on Apple M chips
Is anyone else experiencing issues building a Nuxt app with Vuetify on macOS (Apple Silicon, e.g., M1/M2) using Docker virtualization with rosetta?
I’m building the Nuxt application inside a Docker container targeting the linux/amd64 platform. The build works perfectly and completes quickly without Vuetify. However, as soon as I add Vuetify (following the official installation instructions), the build process hangs indefinitely with no error output.
It seems related to the combination of Apple Silicon and the cross-architecture container. Has anyone encountered something similar or found a workaround?
2 Replies
Hi @Julian. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the knowledge sources, there are several issues related to building Nuxt applications on different platforms, including some specific to Docker environments.
From the information provided, there appears to be a known issue with Nuxt builds hanging in Docker containers, particularly when cross-platform building is involved. One user reported a similar issue where their Nuxt build was hanging indefinitely when building in a Linux Docker image from macOS, which is very similar to your situation.
The solution that worked in that case was switching from
docker build to docker buildx build:
Stack Overflow: Nuxt build hanging when building in linux docker image
There are also other issues reported with Nuxt and platform-specific dependencies:
1. One issue mentioned problems with Bun (a JavaScript runtime) in Docker containers when using the compressPublicAssets feature in Nuxt.
2. Another issue reported EBADF errors with Nuxt 3 and Vite on macOS that required overriding the esbuild version.
Regarding Vuetify specifically, one knowledge source mentions that a particular Vuetify package for Nuxt (@invictus.codes/nuxt-vuetify) is no longer maintained, and users should refer to the official Vuetify installation instructions for Nuxt 3.
Since your issue involves the combination of:
- Apple Silicon (M1/M2)
- Docker with cross-platform building (targeting linux/amd64)
- Vuetify integration
The most relevant solution from the knowledge sources would be to try using docker buildx build instead of docker build, as this resolved a similar hanging issue for another user.
If that doesn't work, you might need to investigate if there are any compatibility issues with the specific Vuetify integration method you're using, as the knowledge sources indicate some Nuxt-Vuetify packages are no longer maintained.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@261637603592372224> Kapa.ai is still learning and improving, please let me know how I did by reacting below.