Skip to content

Styles aren't generated when building a Docker image for ARM64 on a 2019 Intel MacBook Pro #17728

Closed
@kyrylo

Description

@kyrylo

What version of Tailwind CSS are you using?

v4.1.3

What build tool (or framework if it abstracts the build tool) are you using?

Rails 8.0.2

What version of Node.js are you using?

What browser are you using?

Chrome

What operating system are you using?

macOS -> ARM64

Describe your issue

I've prepared detailed steps you can follow.

  1. I'm on a MacBook Pro 2019 (Intel):

    % arch
    i386
    
    % uname
    Darwin
    
  2. Generate a new Rails 8 app with Tailwind enabled (zip attached):

    rails new TailwindOnARM --css tailwind
    
  3. Scaffold a resource that uses Tailwind classes:

    rails g scaffold Post
    
  4. Start the dev server and check that Tailwind styling is applied (https://localhost:3000/posts):

    bin/dev
    
    Screenshot 2025-04-16 at 11 44 38 AM
  5. Build and push a Docker image for ARM64:

    docker buildx build --platform linux/arm64 -t kyrylo/tailwind-on-arm:latest --push .
    
  6. On an ARM server (I use Hetzner CAX11), install Docker, then run the image:

    docker run -d -p 80:80 -e RAILS_MASTER_KEY=90279f1e5d289cb437ba0c2f959a2ea5 --name tailwind_on_arm kyrylo/tailwind-on-arm
    
  7. Check the result at http://<IP-ADDRESS>/posts and notice that Tailwind styling is not applied:

    Screenshot application.css
    Screenshot 2025-04-16 at 11 44 53 AM Screenshot 2025-04-16 at 11 49 39 AM

I'm happy to help debug this further. You can pull my image from Docker Hub so you don't have to build it yourself.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions