Description
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.
-
I'm on a MacBook Pro 2019 (Intel):
% arch i386 % uname Darwin
-
Generate a new Rails 8 app with Tailwind enabled (zip attached):
rails new TailwindOnARM --css tailwind
-
Scaffold a resource that uses Tailwind classes:
rails g scaffold Post
-
Start the dev server and check that Tailwind styling is applied (https://localhost:3000/posts):
bin/dev
-
Build and push a Docker image for ARM64:
docker buildx build --platform linux/arm64 -t kyrylo/tailwind-on-arm:latest --push .
-
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
-
Check the result at
http://<IP-ADDRESS>/posts
and notice that Tailwind styling is not applied:Screenshot application.css
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.