我已经升级到Tailwind 3,并且正在使用Laravel 8。我的tailwindconfig.js在下面。当我尝试使用一种较新的颜色(如石板)时,它是黑色的。我用Laravel编译,它没有报告任何错误。
const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
module.exports = {
content: [
"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
"./storage/framework/views/*.php",
"./resources/views/**/*.blade.php",
"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
],
theme: {
extend: {
fontFamily: {
sans: ["Nunito", ...defaultTheme.fontFamily.sans],
},
colors: {
green: colors.emerald,
yellow: colors.amber,
purple: colors.violet,
},
},
},
plugins: [
require("@tailwindcss/forms"),
require("@tailwindcss/aspect-ratio"),
require("@tailwindcss/typography"),
],
};
发布于 2022-02-20 09:58:41
是否运行npm run dev
将新生成的资产推送到公用文件夹?
发布于 2022-03-24 23:48:52
您将颜色放置在代码中的错误位置:
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
green: colors.emerald,
yellow: colors.amber,
purple: colors.violet,
},
extend: {
fontFamily: {
sans: ["Nunito", ...defaultTheme.fontFamily.sans],
},
},
},
https://stackoverflow.com/questions/71197169
复制