Don't calculate didYouMean suggestions prematurely

This commit is contained in:
Adam Wathan 2020-10-19 09:40:28 -04:00
parent 7572b0256c
commit 6fa213d5d8

View File

@ -167,8 +167,6 @@ function makeExtractUtilityRules(css, lookupTree, config) {
if (utilityMap[utilityName] === undefined) {
// Look for prefixed utility in case the user has goofed
const prefixedUtility = prefixSelector(config.prefix, `.${utilityName}`).slice(1)
const suggestedClass = didYouMean(utilityName, Object.keys(utilityMap))
const suggestionMessage = suggestedClass ? `, but \`${suggestedClass}\` does` : ''
if (utilityMap[prefixedUtility] !== undefined) {
throw rule.error(
@ -176,6 +174,9 @@ function makeExtractUtilityRules(css, lookupTree, config) {
)
}
const suggestedClass = didYouMean(utilityName, Object.keys(utilityMap))
const suggestionMessage = suggestedClass ? `, but \`${suggestedClass}\` does` : ''
throw rule.error(
`The \`${utilityName}\` class does not exist${suggestionMessage}. If you're sure that \`${utilityName}\` exists, make sure that any \`@import\` statements are being properly processed before Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`,
{ word: utilityName }