Le message du compilateur dit où chercher

Ton navigateur ne lit pas le Sass. Un compilateur le transforme en CSS standard, et quand il échoue, il t'explique pourquoi.

Compiler en ligne de commande

npx sass style.scss style.css --watch

--watch recompile à chaque sauvegarde. Dans un vrai projet, cette étape est en général prise en charge par un outil de build (Vite, webpack) : le principe reste identique.

Lire une erreur avant de tout réécrire

Chaque éditeur ci-dessous contient une erreur. Lis le message, repère la ligne, corrige. Ne réécris pas tout.

1. Variable non définie

L'erreur la plus fréquente : une faute de frappe dans le nom, ou un @use oublié.

2. Accolade non fermée

L'erreur pointe souvent une ligne bien après la vraie cause. Remonte jusqu'au dernier bloc resté ouvert.

3. Import introuvable

Le partial n'existe pas ou son nom est faux. Ici, aucun fichier _variables.scss n'est fourni : crée-le dans ta tête, puis compare avec la page Partials.