无法识别来自Tailwind的theme

问题描述

我知道这可能是一个愚蠢的问题，但我找不到任何答案。 我正在将Tailwind与CRA和CSS模块一起使用。

我已经将默认主题颜色覆盖为自己的主题颜色。 当我尝试使用CSS模块内部的颜色时，

.amountSign {
    color: theme('colors.pink');
}

似乎无法识别theme（），并且在浏览器中，属性值似乎无效。

我应该从某个地方导入一些东西以使其能够识别theme（）吗？预先感谢

解决方法

Tailwind的functions and directives仅在您的CSS由Tailwind处理时起作用。

从您共享的内容来看，您的CSS模块似乎没有通过Tailwind运行，因此Tailwind的theme()函数从未编译为纯CSS。

This blog概述了将Tailwind与CRA结合使用的步骤。