SassError: Duplicate mixin name „button”

Duplicate mixin name SCSS

Hibaüzenet

SassError: Duplicate mixin name "button"

Hibás kód

@mixin button { padding: 1rem; }
@import 'mixins';
@include button;

Javított kód

@mixin primary-button { padding: 1rem; }
@include primary-button;

Magyarázat

Duplicate mixin name SCSS hiba akkor fordul elő, amikor két különböző helyen ugyanazzal a névvel hozol létre mixint. A Sass fordító nem tudja, melyik definíciót használja, ezért hibát dob. A megoldás, hogy moduláris mixin fájlokban kerüld a névütközést, és egyértelmű neveket használj (pl. `primary-button`), vagy távolítsd el a felesleges definíciót.

További információ: MDN – Sass mixins