css - Tailwind 的 theme() 无法识别

Question

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

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

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

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

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

Answer 1

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

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

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