Error de CSS no válido de Sass: "expresión esperada"

79

Acabo de seguir el tutorial de Sass . Por alguna razón, aunque el archivo Sass no genera correctamente el archivo css. La terminal dice que el CSS no es válido, pero estoy bastante seguro de que no lo es. Intenté cambiarlo también por si hubiera algún problema ...

¿Qué he hecho mal?

Versión de Sass: Sass 3.1.10

Mensaje de error:

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

Contenido del archivo .sass:

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

css sass

— Al sr
fuente

9

¡Ahaaa! ¡El problema fue causado por usar una extensión de archivo incorrecta! Es .scss no .sass

— Tom R

150

Según su mensaje de error ( error sass/test.sass), puedo decir que está usando la .sassextensión para un archivo Scss. Cambie su nombre de archivo a style.scss.

Sass y Scss utilizan dos sintaxis diferentes e incompatibles.

— meagar
fuente

10

Pruebe cualquiera :

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

O:

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

Tenga en cuenta la diferencia en la extensión del archivo y la sintaxis.

— Lincoln
fuente