Error catalog

Messages are shown in the language set by language (default uz). The id in each heading is the key used by messages and in the structured diagnostic.id.

unknown-utility#

"Unknown utility "trf"" — the name is not a shorthand, one of your shortcuts, or a known CSS property. No CSS is emitted.

Fix: use a suggestion (tf), write the full property name, or add a shortcut.

unknown-utility-or-component#

"Unknown utility or component "btnn"" — a name without = that is not a recipe.

Fix: check the recipe name in components; if you meant a property, add =value. Just added the recipe? A running webpack/Next dev server may need a restart.

unknown-token#

"Unknown token "$color.brnd"" — no such tokens.color.brnd. The reference is left in the value, so the browser ignores the declaration.

Fix: correct the name (a suggestion is included) or add the token.

invalid-value#

"Invalid value "red" for "opacity"" — the value is not valid for a property whose valid values are known. Emitted anyway unless strict: true.

Fix: use one of the listed values.

unknown-modifier#

"Unknown modifier "xz"" — not a breakpoint, dark or a known pseudo. Emitted as a pseudo-class (:xz) unless strict: true.

Fix: correct the typo, or add a breakpoint with that name.

unknown-breakpoint#

A breakpoint name that is not configured.

circular-component#

"Circular component reference "card"" — a recipe includes itself through another recipe. Reported once; the loop is broken.

conflicting-breakpoints#

"Conflicting breakpoints "lg" vs "md"" — an outer breakpoint (lg:card) wraps a recipe that already contains a different one.

Fix: use a ranged breakpoint, or split the recipe.

conflicting-modes#

A recipe mixes modes that cannot combine.

pseudos-disabled#

"Pseudo variants are disabled" — pseudos: false in the config and a rule used one.

Next steps#