@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base{
body {
@apply bg-[#06202A] text-grey-300;
}
}
@apply在Nextjs中的全局CSS文件中与tailwindcss不兼容,我已经尝试使用JIT模式,但仍然无法正常工作,需要帮助...请看这里的图片描述
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base{
body {
@apply bg-[#06202A] text-grey-300;
}
}
@apply在Nextjs中的全局CSS文件中与tailwindcss不兼容,我已经尝试使用JIT模式,但仍然无法正常工作,需要帮助...请看这里的图片描述
@apply
是一种使用自定义的 Tailwind 指令制作的 CSS,在常规 CSS 文件中使用的方法。因此,在使用它之前必须先声明 bg-[#06202A]。
在使用之前,您需要在 TailwindCSS 文件中预定义它。以下是可能的解决方案。
@layer base{
body {
--body-bg-color: '#06202A';
@apply bg-var(--body-bg-color) text-grey-300;
}
}
body {
--body-bg-color:'#06202A';
--tw-text-opacity: 1;
background-color: var(--body-bg-color);
color: rgba(209, 213, 219, var(--tw-text-opacity));
}
此外,以下链接对您会有所帮助。 祝你好运,编程愉快!
相反,只需尝试添加
@tailwind apply;
并且它应该按预期工作。