Rails 7项目中DaisyUI样式无法加载问题求助

架构老林

2026-7-28

Rails 7 应用中 DaisyUI 样式无法加载问题

我正在开发一个Rails 7应用，已完成PostCSS和Tailwind的配置，移除了冗余的tailwind gem，同时删除了application.html.erb中的tailwind stylesheet_link_tag。但在引入DaisyUI组件时遇到样式无法加载的问题——我已经按照官方指南通过yarn安装了DaisyUI，并且在tailwind.config.js的plugins数组中添加了它。

以下是我的配置文件信息：

`config/tailwind.config.js`

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  mode: 'jit',
  content: [
    './public/*.html',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*.{erb,haml,html,slim}'
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/typography'),
    require('@tailwindcss/line-clamp'),
    require('daisyui'),
  ]
}

`package.json`

{
  "dependencies": {
    "@tailwindcss/aspect-ratio": "^0.4.2",
    "@tailwindcss/forms": "^0.5.3",
    "@tailwindcss/line-clamp": "^0.4.2",
    "@tailwindcss/typography": "^0.5.9",
    "autoprefixer": "^10.4.14",
    "daisyui": "^2.51.3",
    "postcss": "^8.4.21",
    "tailwindcss": "^3.2.7"
  },
  "scripts": {
    "build:css": "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
  }
}