Activeadmin Rails 7 Tailwind の問題
概要
Rails 7 と Ruby 3.1.0 に active_admin をインストールするだけです
gem 'activeadmin', github: 'activeadmin/activeadmin', branch: 'master'
2 つのスタイル ファイルを追加します。 1 つは active_admin_old.scss です もう1つは、それに似たコードであるactive_admin.cssです
@tailwind base;
@tailwind components;
@tailwind utilities;
サーバーを実行すると、次のような UI が表示されます
active_admin_old.scss の名前を active admin.scss に変更すると、UI は次のようになります
どうすれば修正できますか?
解決策
すでに、rubygems で activeadmin 3.1.0 が公開されています。このバージョンは Rails 7 と互換性があり、CSS が正しく動作しているようですが、このバージョンでは Tailwind CSS バージョンが提供されていません。
特別なケースでは、Gemfile を次のように変更します。
gem 'activeadmin', github: 'activeadmin/activeadmin', branch: 'master'
による
gem 'activeadmin'
そしてバンドルアップデートを実行します
クリーン インストールでは、一般的な手順に従って典型的な gem を Gemfile に追加します。
gem 'activeadmin'
gem 'sass-rails'
gem 'devise'
gem 'cancancan'
gem 'draper'
gem 'pundit'
そしてバンドルインストールを実行します