[Rails 7, TailwindCSS 3, ActiveAdmin 4, Windows] How to enable TailwindCSS support? #8637

MashiruSesuke · 2025-02-20T09:56:11Z

MashiruSesuke
Feb 20, 2025

I was running all neccessary cmds to install ActiveAdmin.

Added active_admin.css with the following code:

@import "application.tailwind";

And I got a page without styling:

I'm already using tailwindCSS in my project and have the following config:

/* config\tailwind.config.js */

module.exports = {
	content: [
		"./public/*.html",
		"./app/helpers/**/*.rb",
		"./app/javascript/**/*.js",
		"./app/views/**/*.{erb,haml,html,slim}",
	],

	plugins: [
		require("@tailwindcss/forms"),
		require("@tailwindcss/aspect-ratio"),
		require("@tailwindcss/typography"),
		require("@tailwindcss/container-queries"),
	],
}

I run the project with the command npm run dev-watch.

/* package.json */

{
    "private": true,
    "scripts": {
        "dev": "rails server -p 3000",
        "watch": "ruby bin/rails tailwindcss:watch",
        "dev-watch": "concurrently \"npm run dev\" \"npm run watch\""
    },
    "devDependencies": {
        "concurrently": "^9.1.1"
    }
}

I also tried to use gem activeadmin_assets - it didn't help(

How can I fix it? Pls help 🙏 🙏 🙏

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Rails 7, TailwindCSS 3, ActiveAdmin 4, Windows] How to enable TailwindCSS support? #8637

{{title}}

Replies: 0 comments

Select a reply

[Rails 7, TailwindCSS 3, ActiveAdmin 4, Windows] How to enable TailwindCSS support? #8637

MashiruSesuke Feb 20, 2025

Replies: 0 comments

MashiruSesuke
Feb 20, 2025