ruby-on-rails 尾风和导轨-尽管配置,

ff29svar  于 5个月前  发布在  Ruby
关注(0)|答案(1)|浏览(58)

我第一次在Rails应用程序(7.0.8)中尝试Tailwind。我已经安装了tailwindcss-rail gem并运行tailwindcss:installrails tailwind setup guide的第3步和第4步是无关紧要的,因为代码已经在两个位置自动生成,如图所示:

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

个字符
我正在使用./bin/dev运行服务器。
我还在tailwind.config.js的配置中添加了daisyui(我尝试顺风的原因):

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


最后,我运行./bin/dev来为应用提供服务。尽管有上面的配置,我在模板中的测试顺风代码并没有像预期的那样样式化,当我运行dev二进制文件时,我在控制台中看到以下内容:
22:19:09 css.1| warn -在您的源文件中未检测到任何实用程序类。如果这是意外的,请仔细检查Tailwind CSS配置中的content选项。
22:19:09 css.1|警告-https://tailwindcss.com/docs/content-configuration
感觉这个警告可能与浏览器中没有显示的样式有关,但我不知道为什么当配置与安装文档中描述的匹配时会看到它们。
虽然我的主要问题是关于显示的警告,但这里是我必须验证函数(slim模板)的测试Tailwind样式的总和:

p.text-sky-400


在浏览器中检查这个元素,可以看到它应用了一些基本的Tailwind类,但没有颜色,也没有来自text-sky-400类的任何规则:
x1c 0d1x的数据

iyr7buue

iyr7buue1#

经过大量的挖掘,我发现了这个问题:tailwindcss-rails gem不支持第三方插件,如daisyui。问题中列出的配置中的require('daisyui),`行是导致警告的原因。删除它可以解决这个问题。
太使用第三方插件,需要不同的顺风设置,如this post所述。

相关问题