我第一次在Rails应用程序(7.0.8)中尝试Tailwind。我已经安装了tailwindcss-rail
gem并运行tailwindcss:install
。rails 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的数据
1条答案
按热度按时间iyr7buue1#
经过大量的挖掘,我发现了这个问题:
tailwindcss-rails
gem不支持第三方插件,如daisyui
。问题中列出的配置中的require('daisyui
),`行是导致警告的原因。删除它可以解决这个问题。太使用第三方插件,需要不同的顺风设置,如this post所述。