Sass Ungültiger CSS-Fehler: "erwarteter Ausdruck"

78

Ich habe gerade das Sass-Tutorial verfolgt . Aus irgendeinem Grund generiert die Sass-Datei das CSS jedoch nicht korrekt. Das Terminal sagt, dass das CSS ungültig ist, aber ich bin mir ziemlich sicher, dass dies nicht der Fall ist. Ich habe versucht, es auch zu ändern, nur für den Fall, dass es ein Problem gab ...

Was habe ich falsch gemacht?

Sass-Version: Sass 3.1.10

Fehlermeldung:

error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")

Inhalt der .sass-Datei:

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

css sass

— An Herrn
quelle

9

Ahaaa! Das Problem wurde durch die Verwendung der falschen Dateierweiterung verursacht! Es ist .scss nicht .sass

— Tom R

150

Anhand Ihrer Fehlermeldung ( error sass/test.sass) kann ich feststellen, dass Sie die .sassErweiterung für eine Scss-Datei verwenden. Ändern Sie Ihren Dateinamen in style.scss.

Sass und Scss verwenden zwei unterschiedliche und inkompatible Syntaxen.

— meagar
quelle

10

Versuchen Sie entweder :

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

Oder:

/* style.sass */
#navbar 
  width: 80%
  height: 23px

Beachten Sie den Unterschied in Dateierweiterung und Syntax.

— lincolnge
quelle