Error: Undefined variable: „$primary-color”

Undefined variable SCSS hiba: változó ($primary-color) definiálása és importálása.

Undefined variable SCSS

Hibaüzenet

Error: Undefined variable: "$primary-color"

Hibás kód

body { color: $primary-color; }

Javított kód

$primary-color: #3498db;
body { color: $primary-color; }

Magyarázat

Undefined variable SCSS hiba akkor fordul elő, amikor egy SCSS fájlban használt változó ($variable) nincs definiálva. A SASS fordító ilyenkor hibát jelez, mert az ismeretlen változó értéke nem ismert. A megoldás, hogy definiáld a változót egy központi fájlban (pl. _variables.scss), majd importáld: @import 'variables';. Ez modulárisabbá és karbantarthatóbbá teszi a stíluslapot.

További információ: Sass Variables