PostCSS plugin error: Cannot read property ‘map’ of undefined

PostCSS map undefined

Hibaüzenet

PostCSS plugin error: Cannot read property 'map' of undefined

Hibás kód

%btn { color: red; }
.btn { @extend %button; }

Javított kód

%button { color: red; }
.btn { @extend %button; }

Magyarázat

PostCSS map undefined hiba akkor fordul elő, amikor egy SASS placeholder nem létezik, de mégis hivatkozol rá @extend direktívában. A PostCSS plugin nem találja a megadott placeholder-t, így map undefined hibára fut. A megoldás, hogy először definiálod a placeholder-t (%button), majd utána használod.