Rails 7 + Ruby 3.1.0 集成ActiveAdmin与Tailwind样式异常求助

• 恢复样式文件命名
  把你重命名的active_admin.scsss改回active_admin_old.scss——这个文件包含ActiveAdmin原生的样式规则，乱改名会导致框架找不到基础样式。

• 调整样式文件内容
  打开app/assets/stylesheets/active_admin.css，修改为以下内容，让Tailwind样式和ActiveAdmin原有样式正确叠加：

  @tailwind base;
  @tailwind components;
  @tailwind utilities;
  
  @import "active_admin_old";
  

  这样Tailwind的基础样式先加载，再导入ActiveAdmin的专属样式，避免样式优先级冲突导致UI错乱。

• 确认资产预编译配置
  检查config/initializers/assets.rb，确保包含ActiveAdmin的资产文件：

  Rails.application.config.assets.precompile += %w( active_admin.css active_admin.js )
  

• 清除缓存并重启服务
  执行以下命令清理资产缓存，再重启服务器让配置生效：

  rails assets:clobber
  rails assets:precompile
  

• 可选：检查Tailwind扫描范围
  如果问题仍存在，打开tailwind.config.js，确保ActiveAdmin的视图路径被纳入扫描范围：

  /** @type {import('tailwindcss').Config} */
  module.exports = {
    content: [
      "./app/views/**/*.html.erb",
      "./app/helpers/**/*.rb",
      "./app/assets/javascripts/**/*.js",
      "./app/admin/**/*.rb"
    ],
    // 其他配置项...
  }
  

内容的提问来源于stack exchange，提问作者Haseeb Ahmad