Otrzymujesz SassError „@use rules must be written before any other rules”, ponieważ próbujesz użyć reguły @use po zapisaniu innych reguł w twoim kodzie Sass.
Reguła @use służy do załadowania modułu Sass i udostępnienia jego funkcji, mixinów i zmiennych w bieżącym pliku. Jednak musi być umieszczona na początku pliku przed jakimikolwiek innymi regułami Sass.
Oto przykład poprawnego użycia reguły @use:
// Import modułu o nazwie "colors"
@use 'colors';
// Definicja zmiennej wykorzystującej kolor z modułu
$primary-color: colors.$blue;
// Zapisanie innych reguł Sass, które wykorzystują zmienną
body {
background-color: $primary-color;
}
W tym przykładzie reguła @use znajduje się na początku pliku, a zmienna, która wykorzystuje kolor z modułu, jest zdefiniowana po niej. Gdybyś zamienił kolejność tych dwóch reguł, zobaczysz komunikat o błędzie „SassError: @use rules must be written before any other rules”.
Aby naprawić ten błąd, przenieś regułę @use na początek pliku Sass przed jakimikolwiek innymi regułami.