来自 Tailwind 的 theme() 无法识别答案

【问题标题】：theme() from Tailwind is not recognized来自 Tailwind 的 theme() 无法识别
【发布时间】：2020-12-09 09:48:44
【问题描述】：

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

我已将默认主题颜色覆盖为我自己的主题颜色。当我尝试像这样在我的 CSS 模块中使用颜色时，

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

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

我应该从某个地方导入一些东西以使 theme() 可识别吗？提前致谢

【问题讨论】：

【解决方案1】：

Tailwind 的 functions and directives 仅在您的 CSS 由 Tailwind 处理时才有效。

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

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

【讨论】：