ERROR DE SASS: las propiedades solo se permiten dentro de reglas, directivas, inclusiones de mezcla u otras propiedades

5

Error: @import "./styles/mixins"; ^ Las propiedades solo están permitidas dentro de las reglas, directivas, inclusiones mixtas u otras propiedades.

Mi archivo scss es tan simple como eso:

@import "./styles/mixins";

// There shouldn't be anything else
// Set my variables


@import "styles/variables";

@import "styles/core-style";

@include font-importer("Raleway Regular",'normal',400,"./assets/fonts/Raleway/Raleway-Regular.ttf");
@include font-importer("Raleway Bold",'normal',700,"./assets/fonts/Raleway/Raleway-Bold.ttf");
@include font-importer("Raleway Light",'normal',300,"./assets/fonts/Raleway/Raleway-Light.ttf");
@include font-importer("Raleway Medium",'normal',500,"./assets/fonts/Raleway/Raleway-Medium.ttf");

Qué significa ? No entiendo el error de Sass. No entiendo dónde mirar. Que tengo que hacer ?

Gracias,

Stéphane.

3
  • ¿Ha intentado eliminar "./" para que se convierta en @import "styles/mixins" 1 de febrero de 2018 a las 8:26
  • ¿Cuál es el contenido de su mixinarchivo?
    rgmt
    1 de febrero de 2018 a las 9:53
  • solo hay @ mixin-s 1 de febrero de 2018 a las 10:01
7

¿Qué significa tu font-importerregreso?

Explicación del error:

Properties are only allowed within rules, directives, mixin includes, or other properties.

Eso significa que te llamas mixin fuera del selector css.
Por ejemplo, este código producirá el mismo error:

@mixin color() {
  color: red;
}

@include color(); // call mixin without css selector
0

De acuerdo, intente agregar un guión bajo antes del nombre del archivo. Esto asegurará que no se compile por sí solo, sino solo en el archivo main.scss de una vez.

@import "./styles/_mixins";

Vea si eso funciona.

1
  • ¡No, lo mismo, lo mismo! 1 feb 2018 a las 10:09